第一种方法:
function checkAll(){
var items=document.getElementByName(checkbox_name);//checkbox_name指除触发事件的那个checkbox以外所有checkbox的名字
var len=items.length;
if(len){//判断是否有要选择的checkbox
for(var i=0;i<len;i++){
if(items[i].checked==true){//这段代码实现的功能是全不选
items[i].checked=false;
}else{
if(items[i].checked==false){//全选
items[i].checked=true;
}
}
}
}
总结:这种方法,简洁明了,容易理解,代码量也较少,缺点是如果有多个表单,checkbox的名字相同的话,会比较乱的。
第二种方法:
function checkAll2(){
var len=document.form1.length;//form1是指表单名
for(var i=0;i<len;i++){
if(document.form1[i].name=="c1"){c1是指checkbox if(document.form1[i].checked==false){//以下同上 document.form1[i].checked=true;
}else{
if(document.form1[i].checked==true){ document.form1[i].checked=false;
}
}
}
第三种方法:
function checkAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = true; } } } function uncheckAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = false; } } }