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

最新推荐文章于 2018-07-27 17:30:00 发布

白俊遥

最新推荐文章于 2018-07-27 17:30:00 发布

阅读量438

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/bai9474500755/article/details/45350633

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在网站建设中；让复选框全部选中和全部取消是比较常用的；下面就介绍如何用一句话搞定全选功能；

其实很简单；那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码；

好了，我要介绍的方法讲完了；

u=3644218134,974193839&fm=21&gp=0_副本.jpg

好吧，别砸鸡蛋；我是开个玩笑；代码在下面

scrolling="no" src="http://www.baijunyao.com/Demo/check_all.html" align="" frameborder="0" height="230" width="370">

JavaScript部分：

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

html部分：

<div id="box">
    <input type="checkbox" οnclick="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>

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com