<div>
<input type="checkbox" value="a"/>a
<input type="checkbox" value="b"/>b
<input type="checkbox" value="c"/>c
<input type="checkbox" value="d"/>d
</div>
<input id="allcheck" type="button" value="全選"/>
<input id="nocheck" type="button" value="全不選"/>
$(function(){
$("#allcheck").click(function(){
$("div :checkbox").attr("checked",true);
});
$("#nocheck").click(function(){
$("div :checkbox").attr("checked",false);
});
});
我只想簡單的實現一個全選和全不選,當我點擊全選之後,在點擊全不選,之後再點擊全選就選不了了,到底為什麼全選不了了啊.
我也試了一下;checked=true和false都在改變,但是就沒有勾,不知道為什麼;
我之前一般這樣寫:
$(function(){
var obj = $("input:checkbox");
$("#allcheck").click(function(){
for(var i = 0 ;i <obj.length;i++){
if (obj[i].checked == false) {
obj[i].checked = true;
}
}
});
$("#nocheck").click(function(){
for(var i = 0 ;i <obj.length;i++){
if (obj[i].checked == true) {
obj[i].checked = false;
}
}
});
});
親測可用。