javascript - 为什么这个选择器不起作用(Jquery 和 Asp.net)

Question

我有一个 ASP.NET 应用程序。在 Default.aspx 文件中我有这段代码。

<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">

    <div id="chrome_ctrl_placeholder"></div>
    <div>
        <asp:CheckBox ID ="aspTech" runat="server" /><br />
        <asp:TextBox ID="txtText" runat="server"></asp:TextBox><br />
        <input type="checkbox" name="checkBox" runat="server" value="Technical" id="Technical" /> Technical<br />
        <input type="checkbox" name="checkBox" runat="server" value="Commercial" id="Commercial"/> Commercial<br />
        <input type="checkbox" name="checkBox" runat="server" value="HR" id="HR"/>  HR <br />
        <%--<li><input type="button" runat="server" value="Save" id="btnSave" /></li>--%>

        <button id="btnSave" >Save</button> 
        <button id="btnChecked" >Checked</button> 
        <button id="btnText">Text</button>
    </div>

在 App.js 文件中我有这段代码。

$(document).ready(function () {

$("#btnChecked").click(function () {
    alert("Checking");

    if ($("#Technical").checked == true) {
        alert("Tech Checked");
    }
    else
    {
        alert("Tech Not Checked");
    }
});
})

还有更多代码，但不相关。

当我运行代码时，它构建得很好，当我单击 btnChecked 按钮时，它会发出“正在检查”的警报，但如果选中了 id 为“技术”的复选框，它永远不会出现，它总是会发出“未检查技术”的警报。检查 ASP 复选框(ID 为 aspTech)是否已被选中的正确代码是什么？

Answer 1

$("#Technical") 返回 jQuery 对象，而不是 DOM 元素。 checked 属性适用于 DOM 元素，不适用于 jQuery 对象。

使用等效的 jQuery:

if ($("#Technical").is(":checked")) {
}

或者访问 jQuery 对象包装的 DOM 元素:

if ($("#Technical")[0].checked) {
}