javascript - Jquery 复选框切换不起作用

Question

在我的html页面中，我想动态插入复选框，并且我想在顶部有1个主复选框，因此如果选中该复选框，则所有动态创建的复选框都会被选中，如果未选中，则所有动态创建的复选框都会被选中变得不受控制。我有这个代码:

<script type="text/javascript">
    $(function() {
        $("#selectAll").click(function() {
            var checked = $(this).prop('checked');
            $(".profilebox").attr("checked", checked);
        });
    });
</script> 

主复选框

<input id="selectAll" type="checkbox" name="selectall" value="All">

其他复选框:(使用此 php 代码插入循环中)

<input type='checkbox' class='profilebox' name='select' value='{$member_id}'>

但是它无法正常运行。如果我点击主按钮，那么它们都会被检查。如果我再次单击它，那么所有的都将被取消选中，然后如果我再次单击它，它们仍然都将保持未选中状态。

有谁知道这个问题吗？

谢谢

Answer 1

使用 prop instead of attr ，设置元素的属性比设置元素的属性更有效。 jquery 的较旧版本没有 prop，attr 用于执行两者的工作，后来引入了 prop 并用于设置类似这些的属性 prop 服务最好。

$(function() {
        $("#selectAll").click(function() {
            $(".profilebox").prop("checked", this.checked);
        });
    });