Как добавить событие jquery onclick в asp radiobutton?

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

Вы можете установить атрибут ClientIDMode к статичным на жереха флажком и управления текстового поля и использование JQuery, чтобы зарегистрировать событие щелчка и пустое значение текстового поля в.

<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") означает смотреть для элемента (ов) с class=rb1 внутри (читай детей) в input элемент, который не имеет смысла вам нужно использовать селектор $("input.rb1") как

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

, который будет выбрать элемент (ы) с class=rb1