如何确定是否在 jQuery 中选中了复选框？ [复制]

Question

我像这样动态地创建了一堆复选框：

@foreach (var rpt in reports)
{
    @* convert id to lowercase and no spaces *@
    var morphedRptName = @rpt.report.Replace(" ", string.Empty).ToLower();
    <input class="leftmargin8, ckbx" id="ckbx_@(morphedRptName)" type="checkbox" value="@rpt.report" />@rpt.report
}

我有这个事件处理程序，我想在其中确定它们的状态 - 选中或未选中：

$(".ckbx").change(function () {
    if ($(this).checked) {
        alert('checkbox is unchecked');
        checkboxSelected = false;
        return;
    }
    alert('checkbox is checked');
    . . .

但是，当我选中一个复选框以及随后取消选中/取消选择它时，条件“if ($(this).checked)”总是为假。

那么我需要做什么来确定何时取消选中？实际上，我首先尝试了这个：“if (!$(this).checked)”，但结果正好相反——条件始终为真。

Answer 1

$(this) 是 jQuery 对象。只需使用基本的 javascript this 即可，如下所示。

this.checked //instead of `$(this).checked`