js全选/全不选Checkbox函数


JavaScript #全选 #checkbox #函数2012-05-09 17:00

HTML代码:

<form name="form1" method="post" action="" onsubmit="return anyChecked()">
全选:
<input type="checkbox" id="checkAll" onclick="checkall()">
多项选择框列表:      
<input type="checkbox" name="cb" value="1">
<input type="checkbox" name="cb" value="2">
<input type="checkbox" name="cb" value="3">
<input name="Submit" type="submit" value="submit">
</form>
JS代码:

//全选或全部不选      
function checkall() {      
    var isChecked=(document.form1.checkAll.checked == true);      
    var elements_all=document.form1.elements;      
    for(i=0;i<elements_all.length;i++) {      
        var element=elements_all[i];      
        if(element.type=="checkbox")  {      
            element.checked=isChecked;      
        }      
    }      
}      

//是否有checkbox被选中      
function anyChecked() {      
    var elements_any=document.form1.elements;      
    for(i=0;i<elements_any.length;i++) {      
        var element=elements_any[i];      
        if(element.checked == true) {      
            return true;      
        }      
    }      
    return false;      
}      


相关文章

粤ICP备11097351号-1