一行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>

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

分享名称：一行jQuery代码搞定checkbox全选和全不选
URL链接：https://www.cdcxhl.com/article0/possoo.html

成都网站建设公司_创新互联，为您提供全网营销推广、搜索引擎优化、品牌网站建设、云服务器、品牌网站设计、网站导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联