我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?
我可以得到所有这些:
$("form :radio")
我如何知道选择了哪一个?
当前回答
这很好
$('input[type="radio"][class="className"]:checked').val()
工作演示
:checked选择器适用于复选框、单选按钮和选择元素。仅对于select元素,请使用:selected选择器。
API:选中的选择器
其他回答
如果您已经引用了单选按钮组,例如:
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();
这个怎么样?
使用更改并获取无线电类型的值。。。
$('#my radio form').on('change',function(){console.log($('[type=“radio”]:checked').val());});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js“></script><form id=“my radio form”><input type=“radio”name=“input radio”value=“a”/>a<input type=“radio”name=“input radio”value=“b”/>b<input type=“radio”name=“input radio”value=“c”/>c<input type=“radio”name=“input radio”value=“d”/>d</form>
使用此。。
$("#myform input[type='radio']:checked").val();
您可以将:checked选择器与收音机选择器一起使用。
$("form:radio:checked").val();
演示:https://jsfiddle.net/ipsjolly/xygr065w/
$(函数){$(“#submit”).click(function(){alert($('input:radio:checked').val());});});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><表><tr><td>促销活动</td><td><input type=“radio”name=“q12_3”value=“1”>1</td><td><input type=“radio”name=“q12_3”value=“2”>2</td><td><input type=“radio”name=“q12_3”value=“3”>3</td><td><input type=“radio”name=“q12_3”value=“4”>4</td><td><input type=“radio”name=“q12_3”value=“5”>5</td></tr></table><button id=“submit”>提交</button>