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。
相關文章
相關標籤/搜索