复选框的全选、取消

来源：互联网发布：在线截取gif软件编辑：程序博客网时间：2024/06/10 12:00

复选框的全选、取消，这个是根据网上的一篇文章完善而来的，希望可以帮助到有需要的朋友！

<html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />         <title>复选框全选/取消</title>         <script type="text/javascript" language="javascript">             function selectAllDels() {                 var allCheckBoxs = document.getElementsByName("singleCheck");                 var desc = document.getElementById("allChecked");                 var selectOrUnselect=true;                 for(var i = 0; i < allCheckBoxs.length; i ++ )                 {                     if(allCheckBoxs[i].checked==false){                         selectOrUnselect=false;                         break;                     }                 }                 if (selectOrUnselect)                 {                     _allUnchecked(allCheckBoxs);                 }else{                     _allchecked(allCheckBoxs);                 }             } //end func selectAllDels()             function _allchecked(allCheckBoxs){                 for(var i = 0; i < allCheckBoxs.length; i ++ ){                     allCheckBoxs[i].checked = true;                 }             } //end func _allchecked()            function _allUnchecked(allCheckBoxs){                 for(var i = 0; i < allCheckBoxs.length; i ++ ){                     allCheckBoxs[i].checked = false;                 }             } //end func _allUnchecked()            function everyOnClilck(){                var allCheckBoxs = document.getElementsByName("singleCheck");                 var desc = document.getElementById("allChecked");                 var identical=true;                 for(var i = 0; i < allCheckBoxs.length; i ++ )                 {                     if(allCheckBoxs[i].checked==false){                         identical=false;                         break;                     } //end if()                } //end for()                if (identical) {                    desc.checked = true;                }else{                    desc.checked = false;                }//end if()            }//end func everyOnClilck()        </script>     </head>     <body>         <form>             <input type="checkbox" name="singleCheck" onClick="everyOnClilck()" value="single">ID1</br>            <input type="checkbox" name="singleCheck" onClick="everyOnClilck()" value="single" >ID2</br>            <input type="checkbox" name="singleCheck" onClick="everyOnClilck()" value="single">ID3</br>            <input type="checkbox" name="singleCheck" onClick="everyOnClilck()" value="single">ID4</br>            <input type="checkbox" name="singleCheck" onClick="everyOnClilck()" value="single">ID5</br>             <input type="checkbox" id="allChecked" onClick="selectAllDels()" value="全选">全选        </form>     </body> </html>

Author:leedaning
本文地址：http://blog.csdn.net/leedaning/article/details/49740285

0 0