JS – 全选Checkbox

Posted on: 2011 年 08 月 10 日 2011 年 08 月 10 日
Categories: Javascript, 技术笔记
Tags: javascript

利用JS，全选FORM中的所有CHECKBOX。

Javascript代码：

<script language="javaScript">      
    
//全选或全部不选      
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;      
}      
    
</script>

//全选或全部不选

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;

}

</script>

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>

全选:<input type="checkbox" id="checkAll"onclick="checkall()" />

多项选择框列表:

</form>

分享到：

straul

154

日	一	二	三	四	五	六
« 3月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

straul

发表评论 取消回复

发表评论取消回复