第一种方法:
<input type="checkbox" name="ck" /> <!-- 循环 -->
<input type="checkbox" name="ckAll" id="ckAll" onclick="javascript:checkAll();">
<a href="javascript:checkAll_a();" >全选</a>
多选框的全选和超链的全选要分开调用方法
//全选
function checkAll()
{
var objs=document.getElementsByName("ck");
for(var i=0; i<objs.length; i++)
{
if(document.getElementById("ckAll").checked)
{
objs[i].checked = true;
}else{
objs[i].checked = false;
}
}
}
//超链的全选
function checkAll_a()
{
var objs = document.getElementsByTagName("input");
for(var i=0; i<objs.length; i++)
{
if(objs[i].type.toLowerCase() == "checkbox" )
{
if(document.getElementById("ckAll").checked)
{
objs[i].checked = false;
}else{
objs[i].checked = true;
}
}
}
}
第二种方法:
<input type=checkbox name="selectedjobid" value="${lst.post_id }" /> <!-- 循环 -->
<input type="checkbox" id="acheckbox" name="allbox" onclick="if(document.getElementsByName('allbox')[0]){document.getElementsByName('allbox')[0].checked=this.checked;}
if(document.getElementsByName('allbox')[1]){document.getElementsByName('allbox')[1].checked=this.checked;}CA('searchResult');">
<a href="javascript:" onclick="if(document.getElementsByName('allbox')[0]){document.getElementsByName('allbox')[0].checked=!document.getElementsByName('allbox')[0].checked;}
if(document.getElementsByName('allbox')[1]){document.getElementsByName('allbox')[1].checked=!document.getElementsByName('allbox')[1].checked;}CA('searchResult');return false;">全选</a>
//全选功能
function CA(formname){
var form = document.forms[formname] ;
for(var i=0;i< form.elements.length;i++){
var e = form.elements[i];
if((e.name).indexOf('selectedjobid')!=-1)
e.checked = document.getElementsByName('allbox')[0].checked;
}
}