javascript - 获取 aspx 中选定的 RadioButtonList 的值

Question

我有一个带有 RadioButton 列表的 aspx 应用程序，如下所示:

<asp:RadioButtonList runat="server" ID="rblIsDiesel" RepeatLayout="Flow" RepeatDirection="Horizontal">
    <asp:ListItem Text="Diesel" class="carFuel" Value="true" Selected="True" />
    <asp:ListItem Text="Petrol" class="carFuel" Value="false" />
</asp:RadioButtonList>

在 jQuery 中，我可以使用以下方法获取按钮:

var buttons = $('span.carFuel input:radio');

但是，我缺少如何获取所选 RadioButton 的值。

我试图用伪代码做的是:

if (buttonSelected == Diesel) {
    alert("Diesel") 
} 
else {
    alert("Petrol") 
}

其次，在按钮之间切换时发出警报。

if (valueChanged) {
    alert("You changed fuel type");
}

对于第一个问题，我试图将 :checked 添加到选择器，然后使用 .val() 但这给了我一个未定义的值。我相信上面的按钮选择器工作正常，就像添加调试器行一样，我可以看到 2 个对象和单选按钮的正确客户端 ID。

对于第二部分，我相信我将需要使用 jQuery 更改事件 - 只是不确定正确的选择器。

Answer 1

您似乎缺少的关键是 ClientID .

When a Web server control is rendered as an HTML element, the id attribute of the HTML element is set to the value of the ClientID property.

这样，您接下来要做的就是查找已检查的输入控件:

var selectedRB = $('#<%= rblIsDiesel.ClientID %> input:checked');

然后要获取值，只需调用val()即可。

var selectedValue = selectedRB.val();

但请记住，这获取的是单选按钮的值，而不是文本。因此，根据您的设置方式，您将看到 true 或 false 作为值。老实说，我不完全确定我理解为什么这些值在您的实现中会是 true 和 false - 但这不是重点。

要捕获所选单选按钮何时发生更改，您可以使用一个方便的 change 函数:

$('#<%= rblIsDiesel.ClientID %> input').change(function() {
    alert("You changed fuel type");
});