checkbox全选与取消全选

1.全选与全不选
　有如下几个checkbox复选按钮：
　 <input type="checkbox" name="xz"  value="0" checked="checked"/>0
<input type="checkbox" name="xz" value="1" checked="checked"/>1 

 <input type="checkbox" name="xz" value="2" checked="checked"/>2 
<input type="checkbox" name="xz" value="3" checked="checked"/>3 
 <input type="checkbox" name="xz"  value="3" checked="checked" id="qx"/>全选/不选 
//给全选全不选添加响应事件

$("#qx").click(function(){

 if($(this).prop("checked")){ 
　　　　　　//全部选择 
 $('input[name="xzmd"]').prop("checked",true); 
 }else{ 
　　　　　　//全部不选择 
 $('input[name="xzmd"]').prop("checked",false); 
 } 
}); 
--------------------------------------------------------------------------------------------

之前使用attr，在初始时有效，再点就没有反应了，在网上找到了原因。


对于checked，若是prop()获取的则是浏览器对于当前变化着的值，即随着点击变化而变化，而attr()则是浏览器记录checked的初始值，即它的默认值，不会随着改变而改变。 
2.判断某个checkbox是否被选中
还是上边的代码名称：

var boo=  $('#qx).is(':checked');

返回一个bool值，如果被选中就是true,否则就是false。

转载于:https://www.cnblogs.com/stu-wrl/p/6489984.html