如何将jquery onclick事件添加到asp单选按钮？

Question

我有asp.net代码：

<asp:RadioButton ID="RadioButton1" CssClass="rb1" GroupName="grp1" runat="server" /> 
<br/> 
<asp:RadioButton ID="RadioButton2" CssClass="rb2" GroupName="grp1" runat="server" /> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 

在浏览器，它看起来像这样：

<span class="rb1"> 
<input id="MainContent_RadioButton1" type="radio" value="RadioButton1" name="ctl00$MainContent$grp1"> 
</span> 
<br> 
<span class="rb2"> 
<input id="MainContent_RadioButton2" type="radio" value="RadioButton2" name="ctl00$MainContent$grp1"> 
</span> 
<input id="MainContent_TextBox1" type="text" name="ctl00$MainContent$TextBox1"> 

如何 “的onclick” 事件添加到RadioButton1，所以点击时会清除TextBox1的？

我试图做到这一点：

<script type="text/javascript" language="javascript"> 
    $("input rb1").click(function() { 
     alert('1'); 
    }); 
</script> 

它什么都不做。

Answer 1

$('#mainContent_RadioButton1').click(function() { 

或

$('.rb1 input').click(function() { 

Answer 2

您可以设置在ASP复选框和TextBox控件和使用jQuery的属性的ClientIDMode为静态注册click事件并清空文本框的值。

<asp:RadioButton ID="RadioButton1" CssClass="rb1" GroupName="grp1" runat="server" ClientIDMode="Static"/> 

<asp:TextBox ID="TextBox1" runat="server" ClientIDMode="Static"/> 

<script type="text/javascript"> 
$(function(){ 
    $("input#RadioButton1").click(function(){ 
     $("input#TextBox1").text(""); 
    }); 
}); 
</script> 

Answer 3

你缺少一个.类选择需要像.rb1

<script type="text/javascript"> 
    $("input .rb1").click(function() { 
     alert('1'); 
    }); 
</script> 

后@SKS指出好奇:p点，$("input .rb1")意味着看对于带有的元素10里（读的子女）的input元素是没有意义的，你需要使用选择$("input.rb1")像

<script type="text/javascript"> 
    $("input.rb1").click(function() { 
     alert('1'); 
    }); 
</script> 

，将选择元素（S）与class=rb1