Question

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

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

给予任何帮助????

Answer 1

您可以使用以下代码

获取任何已检查单选按钮的值

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

Answer 2

$('.report_type input').click(function() {
   alert($(this).val())
})

Answer 3

您可以使用attribute-equals selector选择一组单选按钮，然后使用:checked选择器选择所选的单选按钮。然后，您可以使用val方法获取该元素的值：

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

或者，您可以选择input后代的所有div元素：

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

Answer 4

这应该可以帮到你

http://api.jquery.com/val/

见最后一个例子

Answer 5

在ES-2015上简短明了，没有依赖性：

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

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

5 个答案: