收藏本站帮助飘仙建站网侵权投诉
切换到宽版

 找回密码
 立即注册

QQ登录

只需一步，快速开始

飘仙建站论坛»论坛 › 源码cms建站学习交流区 › 网页制作设计交流 › js实现checkbox级联选择(用于权限选择比较合适) ...
返回列表 发新帖
查看: 2035|回复: 0

[特效代码] js实现checkbox级联选择(用于权限选择比较合适)

[复制链接]
光明使者
发表于 2013-3-24 08:19:14 | 显示全部楼层 |阅读模式 来自 中国–广东–湛江
  1. <html>

  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>及联选择-用于权限选择比较合适</title>
  6. </head>

  8. <body>
  9. <ul id="tree">
  10. <li><input type=checkbox>中国
  11. <ul>
  12. <li><input type=checkbox>山东
  13. <ul>
  14. <li><input type=checkbox>青岛</li>
  15. <li><input type=checkbox>枣庄</li>
  16. </ul>
  17. </li>
  18. </ul>
  19. </li>
  20. </ul>
  21. </body>
  22. <script language="javascript">

  24. var arr = tree.getElementsByTagName('input')
  25. for(var i=0; i<arr.length; i++){
  26. var input = arr
  27. if(input.type = 'checkbox'){
  28. input.onclick = ClickInput
  29. }
  30. }

  32. function ClickInput(){
  33. var li = this.parentElement;
  34. var arr = li.getElementsByTagName('input')
  35. for(var i=0; i<arr.length; i++){
  36. var input = arr
  37. if(input.type == 'checkbox'){
  38. input.checked = this.checked
  39. }
  40. }
  41. var li = li.parentElement.parentElement

  43. while(li.tagName.toLowerCase() == 'li'){
  44. var input = li.childNodes[0]
  45. if(input.tagName.toLowerCase() == 'input'){
  46. input.checked = this.checked
  47. }
  48. li = li.parentElement.parentElement
  49. }
  50. }

  52. </script>
  53. </html>
复制代码
山东青岛, 级联, 选择, 用于, 权限

发帖求助前要善用【论坛搜索】功能，那里可能会有你要找的答案；

如何回报帮助你解决问题的坛友，好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分，做一个热心并受欢迎的人！
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 10:11 , Processed in 0.040857 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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