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

在网站建设中；
让复选框全部选中和全部取消是比较常用的；
下面就介绍如何用一句话搞定全选功能；
其实很简单；
那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码；
好了，我要介绍的方法讲完了；
白俊遥博客
好吧，
别砸鸡蛋；
我是开个玩笑；
代码在下面;
JavaScript部分：

function checkAll(obj){
    $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}

html部分：

<div id="box">
    <input type="checkbox" onclick="checkAll(this)">全选<br><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
</div>

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客https://baijunyao.com 欢迎捐赠赞赏加入组织创建QQ群及捐赠渠道

白俊遥博客
请先登录后发表评论
  • latest comments
  • 总共9条评论
白俊遥博客

从小就很酷 ：白俊遥博客

2017-12-11 11:14:44 回复

白俊遥博客

木子教授 ：$("#check_all").click(functi"white-space:pre"> });

2017-06-23 21:38:07 回复

白俊遥博客

a＇ゞ时间 ：白俊遥博客666

2017-03-15 16:06:52 回复

白俊遥博客

Awe ：好屌的网站！  收藏了

2016-12-19 00:04:08 回复

白俊遥博客

大海 ：白俊遥博客

2016-11-01 15:44:59 回复

白俊遥博客

Mr_Heyong ： $("#box input[type='checkbox']").prop('', $(obj).prop('checked'));是这样？

2016-10-28 11:45:19 回复

白俊遥博客

我心谁知？ ：如果加上反选呢

2016-07-20 02:21:30 回复

白俊遥博客

旅行中的蜗牛 ：白俊遥博客

2016-07-15 13:54:27 回复

白俊遥博客

NULL ：竟然是一行。。。。。。。白俊遥博客

2016-03-19 11:32:28 回复