jquery实现点击一个复选框，让其它复选框都选中，反之再次点击都取消

最新推荐文章于 2024-04-25 11:38:14 发布

原创最新推荐文章于 2024-04-25 11:38:14 发布 · 546 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端html

当前文章被收录于：

前端html

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个使用jQuery实现的查询类型复选框交互逻辑。当顶级复选框被点击时，会改变其下所有子复选框的状态。该功能适用于表单或数据筛选场景。

//查询类型复选框
$(".l-title").find("input[type='checkbox']").bind("click",function () {
    console.log($(this))
    if($(this).is(":checked")){
        console.log("if")
        $(this).parent().parent().nextAll().find("input[type='checkbox']").attr("checked",true)
    }else{
        console.log("else")
        $(this).parent().parent().nextAll().find("input[type='checkbox']").attr("checked",false)
    }
})