php - JQuery - 复选框未打开

Question

我在使用 jquery 时遇到问题。

我有一个 ID 为“#checkAll”的复选框和一个类为“checkboxes”的复选框。我想在选中 ID 为“checkAll”的复选框时打开所有复选框，当 ID 为“checkAll”的复选框被选中时，我想关闭所有复选框。

但是，现在的情况是，当我第一次单击复选框(#checkAll)时，所有其他复选框都会打开，而当我第一次打开ckeckbox(#checkAll)时，所有其他复选框也会关闭。

但是，当我第二次尝试单击复选框(#checkAll)时，所有其他复选框均未打开。

我不知道为什么会发生这种情况。

请帮帮我!

这是我的 JavaScript 处理事件。

ADMIN.event = (function() {

    function _init(){

        $(function(){

            var checkAll = $('#checkAll'),
                checkboxes = $('.checkboxes');

            checkAll.click(function(){
                if($(this).is(':checked')){
                    checkboxes.attr('checked', 'checked');
                } else {
                    checkboxes.removeAttr('checked');
                }
            })

        });

    }


    _init();


}());

这是我在 php 中的 View 文件。

<table class="fullTable">
    <tr class="listTableTr">
        <th class="listTableTh tinyTh"><input type="checkbox" name="" id="checkAll" /></th>
        <th id="articleTitleTh" class="listTableTh">title</th>

    </tr>

    <?php foreach($postData as $post): ?>

        <td class="listTableTd"><input type="checkbox"  name="" class="checkboxes" /></td>
        <td class="listTableTd"><a href="<?php echo 'index.php?r=admin/post/edit&post='.$post['id']; ?>"><?php echo $post['title'];?></a></td>

    <?php endforeach; ?>                        

</table>

Answer 1

尝试使用 .prop() 就像

checkAll.click(function(){
    checkboxes.prop('checked',this.checked); 
});

甚至与 .on() 一起使用也更好

checkAll.on('click' , function(){
    checkboxes.prop('checked',this.checked); 
});