控制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 的规律

转载来自:http://www.q3060.com/list3/list115/10.html

你可能感兴趣的:(function,文章)