本文介绍了一种使用JavaScript实现网页中所有Checkbox全选的方法。通过定义一个名为selcheck的函数，可以遍历指定表格内的所有Checkbox并将其全部选中。用户只需点击一个按钮即可完成全选操作。
<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()">
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()">
扫一扫
4983
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
