全选和全部取消 复选框

Biegral 2019/1/14 12:12:36 1302 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>check test</title>
</head>
<body>
 
 <FORM onsubmit="return anyChecked()" method=post name=form1 action="">     
全选:<INPUT id=checkAll onclick=checkall() type=checkbox>     
多项选择框列表:     
<INPUT value=1 type=checkbox name=cb>     
<INPUT value=2 type=checkbox name=cb>     
<INPUT value=3 type=checkbox name=cb>     
<INPUT value=submit type=submit name=Submit>     
</FORM>    
</body>
<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>   

</html>




本文转载:CSDN博客

阅读排行

分类

归档