在一个页面中实现多个全选功能

llsyhy 2005-09-21 11:44:49

<input type="checkbox" name="selall" onClick="selectall()">
<script language="JavaScript">
function selectall()
{
for (var i=0;i<document.forms[0].elements.length;i++) {
var e=document.forms[0].elements[i];
if (e.name!="selall")
{
if (document.forms[0].selall.checked)
{ e.checked=true;}
else
{e.checked=false;}
}
}
}
</script>
这个选择全选功能已经实现了
但是我在页面里还有一个需要实现同样的功能.
为什么我在第一个全选里点击把下一个全选里的各项也选上了呀
<input type="checkbox" name="selall2" onClick="selectalla()">(第二个全选)
<script language="JavaScript">
function selectalla()
{
for (var i=0;i<document.forms[0].elements.length;i++) {
var e=document.forms[0].elements[i];
if (e.name!="selall2")
{
if (document.forms[0].selall2.checked)
{ e.checked=true;}
else
{e.checked=false;}
}
}
}
</script>

...全文

234 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

hsboy 2005-09-21

打赏
举报

回复

还是看看我给你做的超级无敌简洁无BUG绝对有效大演示吧：
保存为一个网页文件然后打开看效果：
____________________________________________________________________
<script type="text/javascript">
function selall(chk, name)
{
for (var i = 0; i < chk.form.elements.length; i ++)
{
var e = chk.form.elements[i];
if (e.type == 'checkbox' && e.name.indexOf(name) == 0)
e.checked = chk.checked;
}
}
</script>
<form>
<input type="checkbox" name="pp" onclick="selall(this, 'aa')">Choose All "AA"
<input type="checkbox" name="aa_1">AA-1
<input type="checkbox" name="aa_2">AA-2
<br>
<input type="checkbox" name="tt" onclick="selall(this, 'bb')">Choose All "BB"
<input type="checkbox" name="bb_1">BB-1
<input type="checkbox" name="bb_2">BB-2
</form>

llsyhy 2005-09-21

打赏
举报

回复

我的两个全选框在一个form里,是不是这个问题呀

tigerwen01 2005-09-21

打赏
举报

回复

<script language="JavaScript">
function CheckAll(form)
{for (var i=0;i<form.elements.length;i++)
{var e = form.elements[i];
if (e.name != 'chkall')
e.checked = form.chkall.checked;
}
}
</script>

<body>
<form id=frm1>
<table>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>

<tr>
<td bgcolor="#F1FBFC" height="25" colspan="2">
<p align="left"><input type="checkbox" name="chkall" value="on" onclick="CheckAll(this.form)"><font color="#FF9900">选中所有显示的消息</font></p>
</td>
<center>

</tr>
</table>
</form>

<form id=frm2>
<table>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>

<tr>
<td bgcolor="#F1FBFC" height="25" colspan="2">
<p align="left"><input type="checkbox" name="chkall" value="on" onclick="CheckAll(this.form)"><font color="#FF9900">选中所有显示的消息</font></p>
</td>
<center>

</tr>
</table>
</form>

llsyhy 2005-09-21

打赏
举报

回复

帮帮忙呀

llsyhy 2005-09-21

打赏
举报

回复

谢谢了问题解决了

在很多网站都有这样的功能，当点击一个全选按钮之后，所有的复选框都会被选中，再点击之后会取消全选，功能非常的人性化，可以省却很多人力，本文将简单介绍一下JS如何实现此功能

为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且不选中第一个,...

在一次机缘巧合下，了解到一个公司内部的框架是基于Element框架内部实现了一些插件功能，对于表格这一块完善了很多功能，当时没有把握住机会去看源码是怎么实现的，现在有点小后悔呢，嘤嘤嘤~~~~没关系，自己慢慢...

带复选框的多级目录树，复选框的选择控制子节点父节点全选和反选通过子节点控制父节点及以上父节点是否要选中

C# 实现的电子白板软件，包括 WinForm 和 WPF 两个版本的项目，其中 WinForm 版本使用的是 GDI+，WPF 版本使用的是 DrawingVisual。使用了面向对象的设计思维，还有一些项目实践的经验体现，值得新手学习。代码实现...

28,391

社区成员

357,060

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章