我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
当前回答
jQuery插件,用于设置和获取单选按钮值。它还尊重他们身上的“变化”事件。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="toggle-form">
<div id="radio">
<input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Plot single</label>
<input type="radio" id="radio2" name="radio"/><label for="radio2">Plot all</label>
</div>
</form>
<script type="text/javascript">
$( document ).ready(function() {
//Get all radios:
var radios = jQuery("input[type='radio']");
checked_radios=radios.filter(":checked");
for(i=0;i<checked_radios.length;i++)
{
console.log(checked_radios[i]);
}
});
</script>
或者其他方式
<script type="text/javascript">
$( document ).ready(function() {
//Get all radios:
checked_radios=jQuery('input[name=radio]:checked').val();
for(i=0;i<checked_radios.length;i++)
{
console.log(checked_radios[i]);
}
});
</script>
其他回答
要获取使用类的所选收音机的值,请执行以下操作:
$('.class:checked').val()
这应该是有效的:
$("input[name='radioName']:checked").val()
注意输入周围使用的“”:已检查,而不是像Peter J的解决方案那样的“”
如果您已经引用了单选按钮组,例如:
var myRadio = $("input[name=myRadio]");
使用filter()函数,而不是find()。(find()用于查找子元素/子元素,而filter()用于搜索所选内容中的顶级元素。)
var checkedValue = myRadio.filter(":checked").val();
注意:这个答案最初是在纠正另一个建议使用find()的答案,但后来似乎有所改变。find()对于已经引用了容器元素但没有引用单选按钮的情况仍然有用,例如:
var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();
如果您只想要布尔值,即是否选中,请尝试以下操作:
$("#Myradio").is(":checked")
在我的例子中,我在一个表单中有两个单选按钮,我想知道每个按钮的状态。以下内容适用于我:
//获取单选按钮值console.log(“radio1:”+$('input[id=radio1]:checked','#toggle form').val());console.log(“radio2:”+$('input[id=radio2]:checked','#toggle form').val());<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“toggle form”><div id=“radio”><input type=“radio”id=“radio1”name=“radio“checked=”checked“/><label for=”radio1“>绘制单个</label><input type=“radio”id=“radio2”name=“radio”/><label for=“radio2”>全部绘制</label></div></form>