javascript - 在 JQuery 中使用 next() 检查复选框是否被选中

Question

我需要检查 textbox 旁边的 checkbox 是否被选中，但我在代码中从该条件获得的结果始终为真，所以这是错误的。

我使用 jQuery 的 next() 方法做了一些测试。我正指向靠近 textbox 的下一个 checkbox，它工作正常。

这段代码总是返回 true，无论 checkbox 是否被选中:

if ($(this).next('.isFileSelected:checkbox:checked')) {
    //do some other stuff...
}

我也尝试了这些更改，但得到了相同的结果:

if ($(this).next('input:checkbox:checked')) {
    //do some other stuff...
}

如何使用 jQuery 或纯 JavaScript 代码完成此操作？

Answer 1

您正在寻找 prop() 属性 checked:

if ($(this).next('.isFileSelected:checkbox').prop('checked')) {
  // Checked
}

或者，您也可以使用 .is() 检查 :checked 伪选择器:

 if ($(this).next('.isFileSelected:checkbox').is(":checked")) {
  // Also Checked
}   

希望对您有所帮助! :)