JavaScript的全选与反选功能实现

nbjjy · 发表于 2013-9-7 07:53:27

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>全选与反选</title>
<meta http-equiv="Content-Type" content="textml; charset=gb2312" />
<style type="text/css">
   .x_table{width:150px;border:2px;}
</style>
</head>
<body>
<div id="content">
      <form action="#" method="post" name="myform">
      <table class="x_table">
      <tr>
<td><input type="checkbox" value="china" name="chkbox"></input></td>
<td>中国好声音</td>
      </tr>
      <tr>
<td><input type="checkbox" value="jsbl" name="chkbox"></td>
<td>非诚勿扰</td>
      </tr>
      <tr>
<td><input type="checkbox" value="love" name="chkbox"></td>
<td>爱情连连看</td>
      </tr>
      <tr>
<td><input type="checkbox" value="nmyf" name="chkbox"></td>
<td>尼玛与法</td>
      </tr>
<tr>
<td><input type="button" value="全选" name="chked"></td>
<td><input type="button" value="反选" name="chked"></td>
      </tr>
      </table>
      </form>
</div>
<script type="text/javascript">
  function SelectAll(chkboxName)
  {
   var result=document.getElementsByName(chkboxName);
   for (var i=0;i<result.length;i++)
{
      var e=result;
      e.checked=true;
   }
   }
  function UnSelectAll(chkboxName)
  {
   var result=document.getElementsByName(chkboxName);
   for (var i=0;i<result.length;i++)
{
      var e=result;
      e.checked=false;
   }
   }
</script>
</body>
</html>

25598086 · 发表于 2019-5-10 22:07:40

代码没给全呀，onclick="SelectAll('chkbox')"， var e=result[i];

		自动登录	找回密码
密码			注册 (不支持IE浏览器)