`

javascript中的全选和反选示例

JavaScriptJava 
阅读更多 
<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>
分享到：
| css中display和visibility的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics