JQ实现checkBox全选/反选

最新推荐文章于 2024-04-17 09:12:12 发布

hysteria33

最新推荐文章于 2024-04-17 09:12:12 发布

阅读量226

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/weixin_41544866/article/details/113386831

版权

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用jQuery实现复选框的全选和反选功能，通过点击'checkAll'按钮，快速同步所有'checkOne'的状态。同时，checkOne函数根据已选框数量调整了checkAll的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 *  JQ实现checkBox全选/反选
*/

$('.checkAll').on('click', function () {
    console.log('checkAll')
    $('.checkOne').prop("checked", this.checked);
});
function checkOne(){
    var $subs = $('.checkOne');
    $(".checkAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);