请选择 进入手机版 | 继续访问电脑版

找我啊

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 661|回复: 0

一行jQuery代码搞定checkbox 全选和全不选

[复制链接]

19

主题

21

帖子

109

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
109
QQ
发表于 2019-6-12 20:15:57 | 显示全部楼层 |阅读模式
先上代码

  1. <!CTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>一行jQuery代码搞定checkbox 全选和全不选</title>
  6.         <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  7.         <script type="text/javascript">
  8.         function checkAll(obj){
  9.                 $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
  10.         }
  11.         </script>
  12. </head>
  13. <body>
  14. <div id="box">
  15.         <input type="checkbox" onclick="checkAll(this)">全选(来点击感受下)<br><br>
  16.         <input type="checkbox"><br>
  17.         <input type="checkbox"><br>
  18.         <input type="checkbox"><br>
  19.         <input type="checkbox"><br>
  20.         <input type="checkbox"><br>
  21.         <input type="checkbox"><br>
  22.         <input type="checkbox"><br>
  23.         <input type="checkbox"><br>
  24.         <input type="checkbox"><br>        
  25. </div>
  26. </body>
  27. </html>

复制代码
其中js主要为
  1. function checkAll(obj){
  2.     $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
  3. }
复制代码


jquery 引用的百度的cdn,可以换成自己的或者其他

帖子来源 https://baijunyao.com/article/16
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|找我啊 ( 沪ICP备17031007号-2 )

GMT+8, 2019-10-24 13:05 , Processed in 0.032870 second(s), 22 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

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