免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2576 | 回复: 4
打印 上一主题 下一主题

[表单] 用javascript 实现checkbox的全选功能 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2005-05-24 16:34 |只看该作者 |倒序浏览
这里可以调论javascript吧?没看到有其它相近的版面,就在这里问问吧。
目标是要用javascript 实现checkbox的全选功能,并且全选摁钮和所要标记的checkbox不在一个表单内。javascript没用过,但好在网上例程不少,就对照着别人的实现了个简单的,也还好。
但当我所要标记的表单内嵌套其它的表单时就不能按照我的设想运行了,虽然每个表单都有不同的名字。例如这样就可以:
<form name=form1>;
<input type=checkbox name=a>;
<input type=checkbox name=b>;
<input type=checkbox name=c>;
<input type=checkbox name=d>;
<input type=checkbox name=e>;
</form>;

<form name=form2>;
<input type=checkbox name=check_all onClick=select_all() >;
</form>;
而这样就不行了:
<form name=form1>;
<input type=checkbox name=a>;
<form name=other1>;
</form>;
<input type=checkbox name=b>;
<form name=other2>;
</form>;
<input type=checkbox name=c>;
<input type=checkbox name=d>;
<input type=checkbox name=e>;
</form>;

<form name=form2>;
<input type=checkbox name=check_all onClick=select_all() >;
</form>;
似乎它不能正确地匹配<form>;和</form>;,请问有那位遇到过同样的问题,有解决的办法吗?
谢谢!

[ 本帖最后由 HonestQiao 于 2005-12-13 14:32 编辑 ]

论坛徽章:
0
2 [报告]
发表于 2005-05-24 17:04 |只看该作者

用javascript 实现checkbox的全选功能

把other1和orther2那两个form放在form1外面

论坛徽章:
0
3 [报告]
发表于 2005-05-25 08:20 |只看该作者

用javascript 实现checkbox的全选功能

谢谢楼上,我知道是嵌套引起的问题,可我需要嵌套。我想问的是在嵌套的情况下还可不可以做到我想要的。

论坛徽章:
0
4 [报告]
发表于 2005-12-08 09:48 |只看该作者
checkbox 使用相同的name 在客户端形成一个同名的数组。select_all()里面 有类似的代码
...
for (var i=0; i< checkbox.length; i++){
   checkbox[i].checked = true;
}
...

或者对每一个checkbox使用不同的ID,根据document.getElementById("ID")来操作。form有嵌套时候不能使用document.form的写法

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
5 [报告]
发表于 2005-12-08 10:26 |只看该作者
form嵌套?

第一次看见了这种用法,请你先看看标准再继续吧
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

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

清除 Cookies - ChinaUnix - Archiver - WAP - TOP