Question

我有一个复选框如下。

<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' />""

我想知道它是否在jquery中检查过。代码是：

    var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked');

但是，我注意到即使选中复选框也始终返回false。我想知道如何在jquery中获取检查状态。

Answer 1

<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' />

js

var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked');

你的ID不符合匹配它们会起作用

$('#showDeletedQuestionsId').change(function () {
    var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

    if (showDeletedCheckbox) {
        alert('checked')
    } else {
        alert('not checked')
    }
})

demo

Answer 2

您没有正确使用ID，showDeletedQuestionsId已定义且使用了showDeletedQuestions

使用

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

作为替代方案，您可以使用.prop()

var showDeletedCheckbox = $('#showDeletedQuestionsId').prop('checked');

Answer 3

您的代码中存在错误。 “＃”选择器仅用于Id字段。但是你在选择中使用了“name”属性。修改你的代码如下，它将工作..

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked');

供参考检查this link

如何在jquery中获取复选框的检查状态

3 个答案: