Js实现Checkbox的全选/反选

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
 <!--
 function checkAll(name)
 {
 var el = document.getElementsByTagName('input');
 var len = el.length;
 for(var i=0; i<len; i++)
 {
 if((el[i].type=="checkbox") && (el[i].name==name))
 {
 el[i].checked = true;
 }
 }
 }
 function reselectAll(name)
 {
 var el = document.getElementsByTagName('input');
 var len = el.length;
 for(var i=0; i<len; i++)
 {
 if((el[i].type=="checkbox") && (el[i].name==name))
 {
 if(el[i].checked)
 {
 el[i].checked = false;
 }
 else
 {
 el[i].checked = true;
 }
 }
 }
 }
 function clearAll(name)
 {
 var el = document.getElementsByTagName('input');
 var len = el.length;
 for(var i=0; i<len; i++)
 {
 if((el[i].type=="checkbox") && (el[i].name==name))
 {
 el[i].checked = false;
 }
 }
 }
 -->
</script>

<%--<script type="text/javascript">  
   
    function Dlete_User()
    {
      var id;
      var checkBoxNodes=document.getElementsByTagName("input");
      var chkNodeValue;
      var j=0;
      for(var i=0;i<checkBoxNodes.length;i++)
      {
         var checkFlag=checkBoxNodes[i].type;
         if ((checkFlag=="checkbox") && (checkBoxNodes[i].name=name))
         {
            if(checkBoxNodes[i].checked)
            {
               id=checkBoxNodes[i].id;
               j++;
            }             
          }                
       }
       if(j==0)
       {
          alert("请至少选择一条记录");
          return false;
       }
       else
       {
          if(window.confirm("您确认要删除吗?"))
          return true;
          return false;
       }
   
    }
</script>--%>

</head>

<body>
<table width="80%"  border="0" cellspacing="5" cellpadding="0">
  <tr>
    <td><input type="button" name="Submit3" value="全选" class="buttonface" onClick="checkAll('name')">
    <input type="button" name="Submit4" value="反选" class="buttonface" onClick="reselectAll('name')">
 <%--<input type="button" name="Submit" value="删除" class="buttonface" onClick="return Dlete_User()">--%>
 
 <input type="checkbox" name="name" value="checkbox" id="1">
    <input type="checkbox" name="name" value="checkbox" id="2">
    <input type="checkbox" name="name" value="checkbox" id="3">
    <input type="checkbox" name="name" value="checkbox" id="4">
    <input type="checkbox" name="name" value="checkbox" id="5"></td>
  </tr>
</table>

</body>
</html>

转载于:https://www.cnblogs.com/kzhanglin/archive/2007/10/12/922414.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值