javascript - JQuery if 语句未正确检测跨度复选框

Question

我有一个跨度复选框，我想检查它是否被选中。

我相信由于某种原因它没有正确检测到复选框。

我当前的代码(缩写——实际上有很多类似于#cb_head 行的错误检查):

    function validate() {

    var errMessage = "";
    if (!$('#cb_head').is(":checked")) {
        errMessage += "Header\n";                
    }

    if (errMessage !== "") {
            errMessage += "Hasn\'t been verified, proceed with proof?";
            confirm(errMessage);
            return false;
        }
        else {
            return true;
        }

    }

复选框 html:

<td class="dxflNestedControlCell_Office2010Black">
<span class="dxichCellSys dxeBase_DevEx dxeTAR" id="cb_head">
<span id="cb_head_S_D" class="dxICheckBox_DevEx dxichSys dxWeb_edtCheckBoxChecked_DevEx">
<input id="cb_head_S" name="ctl00$ctl00$ASPxSplitter1$Content$ContentSplitter$MainContent$ASPxCallbackPanel1$ASPxFormLayout3$cb_head" value="U" readonly="readonly" style="border-width:0;width:0;height:0;padding:0;margin:0;position:relative;background-color:transparent;display:block;" type="text">
</span></span>
</td>

所以这就是我尝试让它工作但无济于事的方法:

查找复选框子元素: JQuery check if checkbox is NOT checked

我相信我遇到的错误是在 HTML 中的某个地方，但我已经尝试了 ID:

cb_head_S_D
cb_head_S
cb_head

但它似乎仍然无法正确检测到正确的 ID。

如果需要，很乐意提供更多信息。

Answer 1

来自 the JQuery reference :

The :checked selector works for checkboxes, radio buttons, and select elements.

问题是您正试图将它与跨度一起使用。