ASP.net单选按钮在JQuery中单击

Question

我的应用程序中有asp.net单选按钮控件，我想在具有类名的此控件上应用jquery click事件。 我已经设置了CssClass属性，并使用类名创建了脚本，但是它不起作用。当我在Firebug中检查HTML时，它与我提供的CSSClass产生了跨度。这是我的aspx代码

<asp:RadioButton ID="radioyes" CssClass="quest" GroupName="Ques" runat="server" Text="Yes" />
  <asp:RadioButton ID="radiono" CssClass="quest" GroupName="Ques" runat="server" Text="No" />

在浏览器中的呈现方式为

<span class="quest"><input type="radio" value="quest2yes" name="ctl00$ContentBody$Wizard1$Q2" id="ctl00_ContentBody_Wizard1_radioyes"><label for="ctl00_ContentBody_Wizard1_radioyes">Yes</label></span>
    <span class="quest"><input type="radio" value="quest2no" name="ctl00$ContentBody$Wizard1$Q2" id="ctl00_ContentBody_Wizard1_radiono"><label for="ctl00_ContentBody_Wizard1_radiono">No</label></span>

当我在控制台中键入$(".quest").length时，它也显示0 。

我正在尝试这个

$(".quest").click(function(){
});

我也尝试过

 $('#<%=radioyes.ClientID%>').click(function () {
});

但仍然无法正常工作，它甚至在控制台中都没有显示任何错误

Answer 1

在dom元素实际加载到页面之前，您可能正在使用代码。

将函数包装在$(document).ready(function ()

$(document).ready(function () {
    $(".quest").click(function () {
        alert('s');
    });
});

Answer 2

事件处理程序仅绑定到当前选定的元素； 它们必须在您的代码调用.click（）时在页面上存在

您正在为元素分配事件处理程序，然后才将其实际加载到DOM中。

因此，您必须将事件委托用作

$("document").on("click", ".quest", function () {
    // rest code here
});

。上（）