Javascript 获取单选按钮列表中选中单选按钮的值

如何在单选按钮列表中获取选中单选按钮的值。这是我的代码

   <div class="report_type">
      <input type='radio' name='choices' value='balance'>Balance Report <br/>
      <input type='radio' name='choices' value='invoice'>Invoice Report <br/>
      <input type='radio' name='choices' value='payment'>Payment Report <br/>
      <input type='radio' name='choices' value='traffic'>Traffic Report <br/>
      <input type='radio' name='choices' value='cdr'>CDRs
    </div>

余额报告

发票报告

付款报告

交通报告

CDRs

提供任何帮助？？？

您可以使用来选择单选按钮集，并使用选择器来选择所选的单选按钮。然后可以使用该方法获取该元素的值：

$("input[name='choices']:checked").val();

或者，您可以只选择作为

div

的后代的所有

input

元素：

$("div.report_type input:checked").val();

这应该对你有帮助

---

参见最后一个示例

您可以使用以下代码从任何选中的单选按钮中获取值

var val = $("input:radio[name='choices']:checked").val();
alert(val);  //give value of checked radio button

---

ES-2015简短明了，无依赖性：

函数getValueFromRadioButton（名称）{
return[…document.getElementsByName（名称）]
.reduce（（rez，btn）=>（btn.checked？btn.value:rez），null）
}
日志（getValueFromRadioButton（“付款”））

更改
优于
单击
，因为
单击
仅由鼠标单击触发。。。并使用
this.value
而不是
$（this.val（）
知道DOM属性可以避免多余的jQuery代码。@gdoron-如果您将单选按钮（例如tab）聚焦到一个，然后按空格键选择它，则仍会触发
单击
事件。因此在本例中，
单击
和
更改
基本相同。在这里试试：@jamesalardice。对的我的错+1虽然这不是他要问的。。。
var val = $("input:radio[name='choices']:checked").val();
alert(val);  //give value of checked radio button