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

您可以在asp復選框和文本框控件上將ClientIDMode屬性設置為static，然后使用jquery注冊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 2

您缺少一個. 類選擇器需要一個.rb1之類的點

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

后@SKS指出好奇:p ， $("input .rb1")是指以尋找元素（S）與class=rb1內（讀的子女）的input元素是沒有意義的，你需要使用選擇器$("input.rb1")喜歡

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

將選擇class=rb1

Answer 3

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

要么

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