javascript中的全选和反选示例

最新推荐文章于 2022-09-04 10:05:06 发布

penghuaiyi2008

最新推荐文章于 2022-09-04 10:05:06 发布

阅读量89

点赞数

分类专栏： JavaScript总结文章标签： JavaScript Java ViewUI

JavaScript总结专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>全选框／反选框示例</title>
<script type="text/javascript">
  function test()
  {
    var boxs=document.forms[0]['id'];
    for(var i=0;i<boxs.length;i++)
    {
       boxs[i].checked=document.forms[0].allbox.checked?true:false;
    }
  }
</script>
</head>
<body>
 <form>
  <table border="1" cellspacing="0" cellpadding="0" align="center">
    <tr>
	<td><input type="checkbox" name="allbox" onClick="test()"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="1"></td>
	</tr>
    <tr>
	  <td><input type="checkbox" name="id" value="2"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="3"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="4"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="5"></td>
	</tr>
	 <tr>
	  <td><input type="checkbox" name="id" value="6"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="7"></td>
	</tr>
	<tr>
	  <td><input type="checkbox" name="id" value="8"></td>
	</tr>
  </table>
 </form>
</body>
</html>