如何在jquery中的單選按鈕列表中獲取列表項的選定值

Question

我有一個收音機RadioButtonList有3個單選按鈕，我想在選擇任何單選按鈕時得到一個布爾值（true或false）。

<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>

例如： - 我選擇了第一個ie [0]單選按鈕

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

但沒有奏效。

Answer 1

嘗試

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

Answer 2

我會這樣解決你的問題：

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

通過這種方式，您可以注意到單選按鈕發生更改並提醒已選中的按鈕值。

這是一個小提琴： 小提琴它正如你所描述的那樣工作。 您需要在輸入中應用通用名稱。 你可以這樣做：

 <asp:RadioButton GroupName="String" /> 

用你的代碼+輸入名稱更新了小提琴。

Answer 3

你說你想要在單擊時獲得單選按鈕的布爾值（true / false）。 事實上，您只能設置一個單選按鈕，然后取消另一個單選按鈕。 因此，您只能在單選按鈕的點擊事件上返回true。

我更喜歡訪問DOM元素時的名稱間距。 所以，我會按以下方式做到：

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

如果您想要特定的按鈕引用，可以將其值返回為：

return $(this).val();