javascript js获取radio的值 jquery判断radio是否被选中 - 我怎么知道通过jQuery选择了哪个单选按钮?




15 Answers

用这个..

$("#myform input[type='radio']:checked").val();
input value

我有两个单选按钮,想要发布所选按钮的值。 如何通过jQuery获取值?

我可以像这样得到所有这些:

$("form :radio")

我怎么知道哪一个被选中?




这应该工作:

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

请注意输入周围的“使用:检查而不是像Peter J的解决方案”




如果你只想要布尔值,即是否检查它,请尝试:

$("#Myradio").is(":checked")



另一种选择是:

$('input[name=radioName]:checked').val()



这是我如何编写表单并处理已检查无线电的获取。

使用名为myForm的表单:

<form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>

从表单中获取值:

$('#myForm .radio1:checked').val();

如果您没有发布表单,我会使用以下内容进一步简化:

<input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />

然后获取选中的值变为:

    $('.radio1:checked').val();

在输入上有一个类名允许我轻松设置输入样式...




JSF生成的单选按钮(使用<h:selectOneRadio>标记)中,您可以执行以下操作:

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

其中selectOneRadio ID是radiobutton_id ,表单ID是form_id

请确保使用name而不是id ,因为jQuery使用此属性( 名称由JSF自动生成,类似于控件ID)。




另外,检查用户是否没有选择任何内容。

var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}



这很好用

$('input[type="radio"][class="className"]:checked').val()

工作演示

:checked选择器适用于checkboxesradio buttons和选择元素。 仅对于选择元素,请使用:selected selector。

API for :checked Selector




要获取使用类的所选无线电的值:

$('.class:checked').val()



用这个:

value = $('input[name=button-name]:checked').val();



如果你在1个表单上只有一组单选按钮,那么jQuery代码就像这样简单:

$( "input:checked" ).val()



要检索JavaScript数组中的所有单选按钮值,请使用以下jQuery代码:

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();



获得它的另一种方法:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>




$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});



您需要使用:checked选择器进行访问:

检查此文档:

一个例子:

$('input[name=radioName]:checked', '#myForm').val()
$('#myForm input').on('change', function() {
	$('#val').text($('input[name=radioName]:checked', '#myForm').val());
});
#val {
  color: #EB0054;
  font-size: 1.5em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h3>Radio value: <span id='val'><span></h3>
<form id="myForm">
  <input type="radio" name="radioName" value="a"> a <br>
  <input type="radio" name="radioName" value="b"> b <br>
  <input type="radio" name="radioName" value="c"> c <br>
</form>




Related