第一種多選框全選反選:
/*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>