QQ登录

只需一步,快速开始

搜索
查看: 71|回复: 2

[技术交流] js全选操作

[复制链接]
最佳答案
6 
累计签到:45 天
连续签到:6 天
发表于 2017-10-11 16:58:17 | 显示全部楼层 |阅读模式

马上注册加入鱼C,享用更多服务吧^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 流浪1123 于 2017-10-12 10:01 编辑
  1. <input id="check" checked="" type="checkbox" />
  2. <input class="check" checked="" type="checkbox" />
  3. <input class="check" checked="" type="checkbox" />
  4. <input class="check" checked="" type="checkbox" />
复制代码


                               
登录/注册后可看大图

10-12-09_21_29.gif
如上:选择input标签中id="check"的复选框,全选其他复选框。
1.引入jq代码//假设在根目录./js/libs/jquery-1.4.2.min.js
<script type="text/javascript" src="./js/libs/jquery-1.4.2.min.js"></script>
2.写js代码
  1. <script type="text/javascript">
  2.         $("#check").click(function(){
  3.                 if($(this).attr("checked","checked"))
  4.                 {
  5.                         $(".check").attr("checked","checked")
  6.                 }else
  7.                 {
  8.                         $(".check").removeAttr("checked")
  9.                 }
  10.                
  11. })
  12. </script>
复制代码


附加:
attr()和removeArttr()方法:
jQuery中attr()的使用_jasonyour_新浪博客  http://blog.sina.com.cn/s/blog_84f5d20b0100w94t.html

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +5 收起 理由
alltolove + 5 + 5 + 5 感谢楼主无私奉献!

查看全部评分

1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
最佳答案
23 
累计签到:367 天
连续签到:115 天
发表于 2017-10-11 19:32:24 | 显示全部楼层
要是有个效果图就好了
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
最佳答案
6 
累计签到:45 天
连续签到:6 天
 楼主| 发表于 2017-10-12 10:02:38 | 显示全部楼层
alltolove 发表于 2017-10-11 19:32
要是有个效果图就好了

已添加,一个是全选。一个反选
这个是界面js用的比较多的小操作!
1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐上一条 /1 下一条

小黑屋手机版Archiver( 粤公网安备 44051102000370号 | 粤ICP备11014136号

© 2010-2017 FishC.com GMT+8, 2017-10-21 20:00 Powered by Discuz! X2.5 Theme by dreambred

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