javascript - .click/.on ('click' 内的 IF 语句不起作用

Question

我不明白为什么这不起作用。当我单击具有该类名的复选框时，clickId 被赋予值access-toggle-all，所以这没有意义(至少对我来说)..

$(document).ready(function() {
    $('input:checkbox').click(function (e) {
        var clickId = $(this).attr('class');

        if (clickId == 'access-toggle-all') {
            alert("if");
            $('.access-toggle,.access-group-toggle').prop('checked', this.checked);
        } else {
            alert("else");
        }

        alert(clickId);
    });
});

Answer 1

我不知道您的问题是什么，但这不是您使用单引号或双引号的问题，除非它们的开引号和闭引号不一致。

我怀疑这与被单击的元素不仅仅是 access-toggle-all 类有关，因此比较失败:

if (clickId == 'access-toggle-all') {

使用 jquery 执行此逻辑的正确方法是使用 .is() 或 hasClass():

 $('input:checkbox').click(function (e) {
    if ($(this).is('.access-toggle-all')) {
        alert("if");
        $('.access-toggle,.access-group-toggle').prop('checked', this.checked);
    }
});

或

 $('input:checkbox').click(function (e) {
    if ($(this).hasClass('access-toggle-all')) {
        alert("if");
        $('.access-toggle,.access-group-toggle').prop('checked', this.checked);
    } 
});