免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2950 | 回复: 0

控制Checkbox全选的JS [复制链接]

论坛徽章:
0
发表于 2016-01-31 14:58 |显示全部楼层
最新控制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 的规律
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP