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。