jquery checkbox选中改变状态change和click事件

Posted sql

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery checkbox选中改变状态change和click事件相关的知识,希望对你有一定的参考价值。

这个常用的小知识点感觉有必要记一下:

jquery判断checked的三种方法:
.attr(\'checked\'); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop(\'checked\'); //16+:true/false
.is(\':checked\'); //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1″).prop("checked",true);//很简单就不说了哦
// $("#cb1″).prop({checked:true}); //map键值对
// $("#cb1″).prop("checked",function(){
return true;//函数返回true或false
});

//记得还有这种哦:$("#cb1″).prop("checked","checked");

 *全选框小案例:

$(\'.all\').each(function(i,elemt){
    $(this).change(function(){
            var ischecked = $(this).prop("checked");
            $(this).siblings(\'input\').prop("checked",ischecked);
       });
})

checkbox click和change事件

方法1:

$("#ischange").change(function() { 
alert("checked"); 
});

方法2:

 

$(function(){ 
if ($.browser.msie) { 
$(\'input:checkbox\').click(function () { 
this.blur(); 
this.focus(); 
}); 
};

方法3:
$("#ischange").change(function() { 
alert("checked"); 
}); 
});

方法4:

 

$(function () {if ($.browser.msie) {$(\'input:checkbox\').click(function () { this.blur(); this.focus(); }); }});

方法5:

$(document).ready(function(){ 
$("testCheckbox").change(function() { 
alert("Option changed!"); 
}); 
});

以上是关于jquery checkbox选中改变状态change和click事件的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery/javascript判断及改变checkbox选中状态

jquery判断checkbox是否选中及改变checkbox状态

jquery判断checkbox是否选中及改变checkbox状态

jquery checkbox选中改变状态change和click事件

jquery checkbox选中改变状态change和click事件

jquery checkbox选中改变状态change和click事件