jquery开关,jquery开关页面动画

JQuery通过一个开关来控制某个元素的监听

你好，如你所说，如果只是开关的打开及关闭，则无需要解除事件，只需要判断Value值来进行打开或者关闭就行，如：

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()来实现。。

相关问答

Q1: jquery点击图标来回切换的几种方法（如开关

先给导航块的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);

})

}

Q2: JQuery 开关隐藏和显示DIV 如何写，求代码

希望对你有帮助，下面代码可以直接复制运行：

!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

Q3: jquery怎么取到滑动开关里面的值 我的代码是这样的

？？取什么值呀，是开关状态吗？？

滑动开关，会改变对应checkbox的状态判断checkbox的状态就好了

var flag = $("#monitor_dataover").is(":checked");

Q4: jQuery mobile 开关 ajax

官网的例子是这样的：

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