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!"); }); });

转载于:https://www.cnblogs.com/sheqiuluo/p/6875043.html