主要方式是通过选择器选定对象,然后进行对应属性的更改
全选:
//全选
//通过选择器选定name=item的复选框,并设置其属性checked为true
function checkAll(e){
$("input[name='item']").attr("checked","true");
}
//文本就绪事件
$(document).ready(function(){
//如果复选框改变了,就更改全选框的值
$("input[name='item'").change(function(){
var count = $("input[name='item']:checked").length;
count = Number(count);
if(count<5){
$("#all1").attr("checked",false);
}
else{
$("#all1").attr("checked",true);
}
});
})
反选:
//反选
function check(){
$.each($("input[name='item']"), function() {
if($(this).attr("checked")){
$(this).attr("checked",false);
}
else{
$(this).attr("checked",true);
}
});
//如果全选了,就把全选的勾打上
var count = $("input[name='item']:checked").length;
count = Number(count);
if(count<5){
$("#all1").attr("checked",false);
}
else{
$("#all1").attr("checked",true);
}
}
例子对应HTML内容:
<input type="checkbox" name="item" value="3000" />笔记本3000元<br />
<input type="checkbox" name="item" value="2500"/>HTC手机2500<br />
<input type="checkbox" name="item" value="8000" />苹果电脑8000<br />
<input type="checkbox" name="item" value="1500" />IPAD1500<br />
<input type="checkbox" name="item" value="400" />玩具汽车400<br />
<input type="checkbox" id="all1" name="all" onclick="checkAll(this)"/>全选<br />
<input type="checkbox" id="all2" name="all" onclick="check()"/>反选<br />