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。
相关文章
相关标签/搜索