Jquery复选框toggeling不工作

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而不是attr,保证元素的设置属性比设置元素的属性更有效.较旧的jquery verison没有prop,attr用于执行两者的工作,后来的prop被引入并且用于设置这些prop的属性是最好的.

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