javascript - 使用 JQuery 多选取消选择复选框

Question

这是我使用 Jquery 选择取消选择复选框的代码:

<input id="demo_box_0" class="checkAll css-checkbox chk_box" type="checkbox" onclick="selectAll(this)" title="Select All"/>

其他复选框是:

<input id=\"demo_box_".$row->CompanyID."\" class=\"css-checkbox csscheck\" type=\"checkbox\" value=\"".trim($row->CompanyID)."\"  />

由于我的类名很长，所以我没有得到预期的结果

这是我的脚本:

$('.checkAll css-checkbox chk_box').click(function() {
    if ($(this).is(':checked')) {
        $('div input').attr('checked', true);
    } else {
        $('div input').attr('checked', false);
    }
});

我犯了什么错误，我该如何解决这个问题？

更新:

我什至尝试过这个

<script>
$(document).ready(function(){
$("#demo_box_0").click(function(){
        //alert("just for check");
        if(this.checked){
            $('.checkAll css-checkbox chk_box').each(function(){
                this.checked = true;
            })
        }else{
            $('.checkAll css-checkbox chk_box').each(function(){
                this.checked = false;
            })
        }
    });
});

</script>

Answer 1

选择器错误，应该是:

$('.checkAll.css-checkbox.chk_box');

上面的选择器选择具有这 3 个类名的所有元素。如果您希望它只选择具有这些类名的复选框，您还可以将元素类型添加到选择器:

$('input[type=checkbox].checkAll.css-checkbox.chk_box');

此外，为了修改属性，您应该使用 prop 方法:

$('.checkAll.css-checkbox.chk_box').on('change', function() {
    $('div input').prop('checked', this.checked);
});