如何在jquery的单选按钮列表中获取列表项的选定值答案

【问题标题】：How to get selected value of list item in radio button list in jquery如何在jquery的单选按钮列表中获取列表项的选定值
【发布时间】：2015-09-25 01:26:26
【问题描述】：

我有一个带有 3 个单选按钮的收音机 RadioButtonList，我想在选择任何单选按钮时获得一个布尔值（真或假）。

<asp:RadioButtonList runat="server" ID = "test" ClientIDMode="Static">
    <asp:ListItem Text="male" Value="1"  />
    <asp:ListItem Text="male" Value="2"  />
    <asp:ListItem Text="male" Value="3"  />
</asp:RadioButtonList>

例如：- 我选择了第一个，即 [0] 单选按钮

var radio = $("#test");
var value = $(radio).find("[type=radio]")[0].checked;

但是没有用。

【问题讨论】：

您应该发布呈现的 HTML，因为 ASP 与您的问题无关。
stackoverflow.com/questions/308301/…

标签： javascript jquery

【解决方案1】：

试试

$("#test").find('input[type=radio]').click(function() {
      if($(this).is(':checked')){
          alert($(this).val())
      }
});

【讨论】：

你应该通过定义 $this = $(this) 来代替你对 $(this) 的双重使用
男性

女性

其他

【解决方案2】：

我会这样解决你的问题：

$("#test").find('input[type=radio]').change(function() {
     var value = $("#test").find('input[type=radio]:checked').val();
     alert(value);
})

这样，当单选按钮发生更改时，您会注意到并提醒选中的按钮的值。

这是一个小提琴：Fiddle 它正在按照您的描述工作。您需要将通用名称应用于您的输入。您可以通过以下方式执行此操作：

 <asp:RadioButton GroupName="String" />

用您的代码 + 输入名称更新了小提琴。

【讨论】：

@rdorigo 代码没有进入 change 函数，这不起作用
你放了$(document).ready(function() {...});周围？您是否在控制台中收到任何错误消息？
男性

女性

其他
你的小提琴有输入类型的单选按钮，但我已经在单选按钮列表中列出了项目
您需要为输入应用一个通用名称。否则将无法正常工作。

【解决方案3】：

您说您想在单击时获取单选按钮的布尔值（真/假）。事实上，您只能设置一个单选按钮，然后取消设置另一个。因此，您只能在单选按钮的点击事件上返回 true。

我更喜欢在访问 DOM 元素时使用名称间距。所以，我会这样做：

$('input[type=radio]', '#test').click(function() {
        return true;
});

如果你想要特定的按钮引用，你可以返回它的值：

return $(this).val();

【讨论】：