checkbox全选

最新推荐文章于 2024-10-15 09:57:04 发布

zxd198612

最新推荐文章于 2024-10-15 09:57:04 发布

阅读量147

点赞数

分类专栏： javasript与Ajax 文章标签： input javascript button function class null

本文链接：https://blog.csdn.net/zxd198612/article/details/3883421

版权

javasript与Ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

下面的脚本中cheifselected为复选框的name

</script>

我修改的///
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript" type="text/javascript">
function allselect(){
var doc = document.form1;
var l=doc.df.length
var flag = doc.df[1].checked;
   if(l==null) { l=1; }
   if(l==1){
       if(!flag){
          doc.df.checked = true;
        }else{
          doc.df.checked = false;
              }
   }
   if(l>1){
         for(i = 0; i < l; i++){
                 if(!flag){
                      doc.df[i].checked = true;
                 }else{
                      doc.df[i].checked = false;
                       }
                                    }
          }
if(!flag){
        flag = true; doc.bt.value=" 全不选 ";
                        }else{
        flag = false; doc.bt.value=" 全选 ";
         }
}
</script>
</head>
<body>
<form name="form1">
<input name="df" type="checkbox" value="hj">
<input name="df" type="checkbox" value="hj">
<input name="df" type="checkbox" value="hj">
<input name="df" type="checkbox" value="hj">
<input name="bt" type="button" value="全选" class="mybutton" οnclick="allselect()">
</form>
</body>
</html>