经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
实现复选框的全选和反选
来源:cnblogs  作者:书生灬  时间:2019/8/9 10:48:09  对本文有异议

新手入坑博客第一天

 

废话不多说,先上代码

  1. <!--与下面代码进行对比-->
  2. 全部<input type="checkbox" value=""/>
  3. 篮球<input type="checkbox" value=""/>
  4. 代码<input type="checkbox" value=""/>
  5. 女朋友<input type="checkbox" value=""/>
  6. 游戏<input type="checkbox" value=""/>
  7. <!--水平线-->
  8. <hr style="width: 400px;margin: 10px 0 10px 0;">
  9. <!--有全选/反选功能-->
  10. <div id="test">
  11. 全部<input type="checkbox" onclick="clickDome(this);"/>
  12. 篮球<input type="checkbox" value=""/>
  13. 代码<input type="checkbox" value=""/>
  14. 女朋友<input type="checkbox" value=""/>
  15. 游戏<input type="checkbox" value=""/>
  16. </div>
  17. <script>
  18. /*注意要记得导入jquery.js包*/
  19. function clickDome(obj){
  20. if($(obj).prop("checked")){
  21. $("#test").find("input[type='checkbox']").prop("checked",true);
  22. }else{
  23. $("#test").find("input[type='checkbox']").prop("checked",false);
  24. }
  25. }
  26. </script>

ps:要记得看有没有导入jquery.js包,不然没反应。

 

原文链接:http://www.cnblogs.com/xie97/p/11325105.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号