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。