职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 2320|回复: 7

求javascript checkbox 选中事件代码

[复制链接]
suiyuan_5 发表于 2009-8-25 09:26 | 显示全部楼层 |阅读模式
5个新闻大项分类
假设ID为bigclassauthorize;每个大项中有3个新闻小项分类
假设ID为smallclassauthorize;
我想要代码是在控制编辑状态下:
如果先点击大项A中的bigclassauthorize为true的话
其3个小项可为true可为false;
如果先点击大项A中的bigclassauthorize为false的话
其3个小项全为false;
只要任何小项为true的话
大项A的bigclassauthorize为true;
如果先点击3个小项的smallclassauthorize都为false的话
大项A的bigclassauthorize为false;
不满足以上条件的话
ALERT“错误”~~
分一定给大人们~~请帮忙 很急~~
新力 发表于 2009-8-25 09:26 | 显示全部楼层

求javascript checkbox 选中事件代码

这么简单的代码自己动手写吧
树仔 发表于 2009-8-25 09:27 | 显示全部楼层

求javascript checkbox 选中事件代码

  1. <style type="text/css">
  2. .aaa
  3. {
  4. border: 1px hidden #0000FF;
  5. width: 100px;
  6. height: 60px;
  7. background-color: #cccccc;
  8. }
  9. </style>
  10. <input name="bigclassauthorize" id="bigclassauthorize" type="checkbox" onclick="bigChange(this)"/>大类
  11. <div class="aaa">
  12. <input name="smallclassauthorize" type="checkbox"onclick="smallChange(this)" value="小类一"/>小类一<br />
  13. <input name="smallclassauthorize" type="checkbox" onclick="smallChange(this)" value="小类二"/>小类二<br />
  14. <input name="smallclassauthorize" type="checkbox" onclick="smallChange(this)" value="小类三"/>小类三
  15. </div>

  16. <script language="javascript" type="text/javascript">
  17. function bigChange(obj) {
  18. if (obj.checked == false) {
  19. var smObj = document.getElementsByName("smallclassauthorize");
  20. for (var i = 0; i < smObj.length; i++)
  21. smObj[i].checked = false;
  22. }
  23. }
  24. function smallChange(obj) {
  25. var smObj = document.getElementsByName("smallclassauthorize");
  26. var bigObj = document.getElementById("bigclassauthorize");
  27. if (obj.checked == true)
  28. bigObj.checked = true;
  29. else {
  30. b = true;
  31. for (var i = 0; i < smObj.length; i++) {
  32. if (smObj[i].checked == true)
  33. b = false;
  34. }
  35. if (b == true)
  36. bigObj.checked = false;

  37. }
  38. }
  39. </script>
复制代码
大圣 发表于 2009-8-25 09:27 | 显示全部楼层

求javascript checkbox 选中事件代码

留个脚印 我也想看看怎么做的
无处不在 发表于 2010-12-25 12:10 | 显示全部楼层
不错,是我想要的。
钰云 发表于 2011-8-11 14:32 | 显示全部楼层
有能力自然有魅力
yoyo 发表于 2011-8-15 09:14 | 显示全部楼层
楼主,支持!
郁闷小男人 发表于 2011-8-18 13:40 | 显示全部楼层
去干吗啊~~~伤心啊~~~
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-5-7 01:12 , Processed in 0.123258 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表