jQuery 操作checkbox全选、取消、获取状态

最新推荐文章于 2023-04-23 14:44:16 发布

原创最新推荐文章于 2023-04-23 14:44:16 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #checkbox

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作页面上所有复选框的方法，包括一键全选和取消选择的功能，并通过控制台输出被选中项的值，适用于前端开发场景。

<script>
    function checkbox_op(op) {
        if (op == 1) {
            $(":checkbox").prop("checked",true);
            $(":checkbox").each(function () {
                if ($(this).prop("checked"))
                    console.log($(this).val());
            })
        }
        if (op == 0) {
            $(":checkbox").prop("checked",false);
            $(":checkbox").each(function () {
                if ($(this).prop("checked"))
                    console.log($(this).val());
            })
        }
    }
</script>

.prop(name,value) value为值时为赋值，空时返回该状态