Chinaunix

标题: 控制Checkbox全选的JS [打印本页]

作者: 1076026807 时间: 2016-01-31 14:58
标题: 控制Checkbox全选的JS
最新控制Checkbox全选的JS
以下是三零网为大家整理的最新控制Checkbox全选的JS的文章，希望大家能够喜欢!
<script language="javascript">
function selcheck() {
  var objs = myTable.getElementsByTagName("input");
  for(var i=0; i<objs.length; i++) {
if(objs[i].type.toLowerCase() == "checkbox" )
   objs[i].checked = true;
  }
}
</script>
使用方法:
1. 在<head></head>内插入如上JS代码
2. 设置checkbox,例如
<table>
<TR>
<td>
<INPUT type="checkbox" name="1" value="a">
</td>
<td>
<INPUT type="checkbox" name="2" value="b">
</td>
<td>
<INPUT type="checkbox" name="3" value="c">
</td>
</TR>
</table>
3. 加入一个控制按钮如
<INPUT type="button" name="select" value="全选" onclick="selcheck()">
注意checkbox 的 name 的规律

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)