ASP.NET RadioButtonList Jquery Onchange事件

我有一个asp.net RadioButton列表，其中有3项。当用户单击我希望启动JQuery的任何项目并获取选中单选按钮的值时，我将使用该值来确定隐藏/显示

下面是我的RadioButton列表的外观：

asp:RadioButtonList ID="rblAnswers" runat="server"
                RepeatDirection="Horizontal"
                CssClass="form-control FormatRadioButtonList"
                RepeatLayout="Table">
                <asp:ListItem>Yes</asp:ListItem>
                <asp:ListItem>No</asp:ListItem>
                <asp:ListItem>Maybe</asp:ListItem>
            </asp:RadioButtonList>

asp:RadioButtonList ID=“rblAnswers”runat=“server”
RepeatDirection=“水平”
CssClass=“表单控制FormatRadioButtonList”
RepeatLayout=“Table”>
对
不
大概

下面是我的JQuery事件：

$(document).ready(function () {
    $('#<%=rblAnswers.ClientID %>').change(function () {
        $(this).click(function () {
            alert((this).value);
        });
    });
});

$（文档）.ready（函数（）{
$（'#'）。更改（函数（）{
$（此）。单击（函数（）{
警报（（此）.value）；
});
});
});

然而，它似乎不起作用，我甚至尝试只显示一条警告消息，看看我是否可以让我的Jquery命中（我有其他Jquery在别处工作，所以我知道它正确地链接到了我的项目中。）

$（'#'）。更改（函数（）{
警报（“测试”）；
});

我哪里做错了？如何在radiobuttonlist上使用Jquery更改事件来获取所选单选按钮的值

编辑

这就是它在html中的呈现方式

<table id="ctl00_ContentPlaceHolder2_rblAnswers" class="form-control FormatRadioButtonList">
<tbody>
    <tr>
        <td>
            <input id="ctl00_ContentPlaceHolder2_rblAnswers_0" type="radio" name="ctl00$ContentPlaceHolder2$rblRework" value="Yes">
            <label for="ctl00_ContentPlaceHolder2_rblAnswers_0">Yes</label>
        </td>
        <td>
            <input id="ctl00_ContentPlaceHolder2_rblAnswers_1" type="radio" name="ctl00$ContentPlaceHolder2$rblAnswers" value="No">
            <label for="ctl00_ContentPlaceHolder2_rblAnswers_1">No</label>
        </td>
        <td>
            <input id="ctl00_ContentPlaceHolder2_rblAnswers_2" type="radio" name="ctl00$ContentPlaceHolder2$rblAnswers" value="Maybe">
            <label for="ctl00_ContentPlaceHolder2_rblAnswers_2">Maybe</label>
        </td>
    </tr>
</tbody>

对
不
大概

---

在

---

默认情况下，

RadioButtonList

控件呈现一个

表格

元素，该元素具有您在控件上指定的ID。在此

表中

是您的单选按钮

例如，控件的渲染方式如下：

<table id="rblAnswers" class="form-control FormatRadioButtonList">
  <tbody>
    <tr>
      <td>
        <input id="rblAnswers_0" type="radio" name="rblAnswers" value="Yes">
        <label for="rblAnswers_0">Yes</label>
      </td>
      <td>
        <input id="rblAnswers_1" type="radio" name="rblAnswers" value="No">
        <label for="rblAnswers_1">No</label>
      </td>
      <td>
        <input id="rblAnswers_2" type="radio" name="rblAnswers" value="Maybe">
        <label for="rblAnswers_2">Maybe</label>
      </td>
    </tr>
  </tbody>
</table>

---

测试和工作代码

$("[id*=rblAnswers] input").on("click", function () {
        var selectedValue = $(this).val();
        var selectedText = $(this).next().html();
        alert("Selected Text: " + selectedText + " Selected Value: " + selectedValue);
    });

---

参考：

您是否确保以您期望的方式呈现

“#”

呢？因为它是jQuery，所以用它代替alert（$（this）.value）；我们可以用val（）替换值，如下所示：alert（$（this.val（））；

<table id="rblAnswers" class="form-control FormatRadioButtonList">
  <tbody>
    <tr>
      <td>
        <input id="rblAnswers_0" type="radio" name="rblAnswers" value="Yes">
        <label for="rblAnswers_0">Yes</label>
      </td>
      <td>
        <input id="rblAnswers_1" type="radio" name="rblAnswers" value="No">
        <label for="rblAnswers_1">No</label>
      </td>
      <td>
        <input id="rblAnswers_2" type="radio" name="rblAnswers" value="Maybe">
        <label for="rblAnswers_2">Maybe</label>
      </td>
    </tr>
  </tbody>
</table>

$('#<%=rblAnswers.ClientID %> input').change(function () {
    alert($(this).value);
});

$("[id*=rblAnswers] input").on("click", function () {
        var selectedValue = $(this).val();
        var selectedText = $(this).next().html();
        alert("Selected Text: " + selectedText + " Selected Value: " + selectedValue);
    });