第一种多选框全选反选:
/*functiononCheckBoxHander(pId,checked) {
varcb =$("input[id='"+pId+"'][type='checkbox']").parent().find("input");
cb.each(function(){
if(checked)
{
$(this).attr('checked','checked');
}else
{
$(this).attr('checked','');
}
});
} */
/*示例:监控所有节点的点击事件
$("input[name='items']").click(function(){
varinputEl = $(this);
varpId = inputEl.attr('id');
varchecked = inputEl.attr('checked');
onCheckBoxHander(pId,checked);
});
var flag=true;
varname=$("input[name='item']");
for(var i = 0; i <name.length; i++){
var checks =$(name[i]).attr("checked");
if(!checks){
flag=false;
return;
}
}
if(flag==true){
$("#all").attr("checked",true);
}*/
/*varid = document.getElementById("all");
var checked = id.checked;
if(checked){
varname=$("input[name='item']");
for(var i = 0; i <name.length; i++){
$(name[i]).attr("checked",false);
}
$("#all").attr("checked",false);
}else{
varname=$("input[name='item']");
for(var i = 0; i <name.length; i++){
$(name[i]).attr("checked",true);
}
$("#all").attr("checked",true);
} */
<input type=”checkbox” id=”all”value=”all” name=” items”> //注:其余多选框name=item
<a href=”javascript:click();”> 全选/反选</a>
第二种多选框全选反选:
function click(){
var flag=false;
var checks;
varname=$("input[name='item']");
var check =$(name[0]).attr("checked");
if(check == true){
for(var i = 0; i <name.length; i++){
checks = $(name[i]).attr("checked");
if(!checks){
flag=true;
break;
}
}
}else{
flag=true;
}
for(var i = 0; i<name.length; i++){
$(name[i]).attr("checked",flag);
}
}
<a href=”javascript:click();”> 全选/反选</a>