jquery - 找出选择了哪个单选按钮

Question

使用 Rails radio_button_tag 和 form_tag 我创建了一些单选按钮，其页面源如下所示：

  <div id = "selections">
    <form accept-charset="UTF-8" action="/pharmacy" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="HBJZRoNElQ/1Ll/axFdXZAsD+71BLB6eKwmliJHUgDc=" /></div>
        <input id="age_child" name="age" type="radio" value="child" />
        <label for="age_child">Group by something</label>
        <input id="age_adult" name="age" type="radio" value="adult" />
        <label for="age_adult">Group by something else</label>
  </form></div>

所以现在在我的 JavaScript 中，我需要知道选择了哪个单选按钮并知道它的关联值。这样做的方法是什么？我对 Rails 和 jQuery 很陌生。

Answer 1

var value = $('#selections form input:radio:checked').val();

演示----> http://jsfiddle.net/Trk6W/15/

Answer 2

如果您想获取收音机更改的值，那么您可以将更改事件处理程序附加到它。然后使用this.value访问所选单选的值。

$('form input[type=radio]').on('change' , function() {
     var $this = $(this);

     console.log( 'value --' + this.value  )
});

Answer 3

试试这个：

var value = $(':radio:checked[name=age]').val()

选择器（以冒号开头）精确缩小您正在评估的元素，伪选择器“[name=age]”进一步过滤结果，以防您的页面上有多个单选组。