重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你好,如你所说,如果只是开关的打开及关闭,则无需要解除事件,只需要判断Value值来进行打开或者关闭就行,如:
10年积累的网站建设、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有临颍免费网站建设让你可以放心的选择与我们合作。
script type="text/javascript"
$(document).ready(function(){
$("#test").on("click",function(){
var val = $(this).val();
if(val==1){
$(this).val(0); //如果已经打开,则关闭
//do other something
} else {
$(this).val(1); //否则打开
//do other something
}
});
});
/script
另外,Jquery事件的绑定及解除,建议用on()及off()来实现。。
先给导航块的a标签设置img属性和data-img属性;img属性为未选中图片,data-img为选中图片。第一个按钮的img图片应设置为默认选中的状态。
//点击每个按钮后进行按钮切换图片操作
$(".tab-bar-item").on("click", function () {
//先const clickImg变量为他的data属性(选中图片) ,然后找到img图片的src属性将未选中的图片点击后替换为选中图片
const clickImg = $(this).data("img");
$(this).find("img").attr("src",clickImg);
//找到被点击标签的其他兄弟标签,用each遍历 const noclick为未选中的img图片,将点击标签的其他兄弟标签的img换为未选中图片就可以了
$(this).siblings().each(function(){
const noclickImg= $(this).attr("img")
$(this).find("img").attr("src",noclickImg);
})
}
希望对你有帮助,下面代码可以直接复制运行:
!DOCTYPE html
html
head
meta charset="utf-8"
meta http-equiv="X-UA-Compatible" content="IE=edge"
title/title
script src="" type="text/javascript"/script
/head
body
button type="button" id="J_btn"隐藏显示/button
div id="J_box"
input type="text"
/div
/body
script type="text/javascript"
(function(){
$('#J_btn').on('click', function(){
$('#J_box').toggle();
});
})();
/script
/html
??取什么值呀,是开关状态吗??
滑动开关,会改变对应checkbox的状态判断checkbox的状态就好了
var flag = $("#monitor_dataover").is(":checked");
官网的例子是这样的:
label for="slider2"Flip switch:/label
select name="slider2" id="slider2" data-role="slider"
option value="off"Off/option
option value="on"On/option
/select
script
$("#slider2").change(function(){
var val=$(this).val();
//ajax 传值val
});
/script