检查是否使用JQuery中的next（）选中复选框

Question

我需要检查checkbox旁边的textbox是否被选中，但我在代码中从该条件得到的结果总是正确的，所以这是错误的。

我使用jQuery中的next()方法进行了一些测试。我指向靠近checkbox的下一个textbox，这是正常的。

无论是否选中checkbox，此代码始终返回true：

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
}   

希望这有帮助！ ：）