如何將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