我怎么知道通过jQuery选择了哪个单选按钮？

JavaScript

Itachi小卤蛋凯

2020-03-09

我有两个单选按钮，想要发布所选一个的值。如何使用jQuery获得价值？

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

$("form :radio")

我怎么知道选择了哪一个？

第177篇《我怎么知道通过jQuery选择了哪个单选按钮？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共7个回答
小小乐 2020.03.09

Another way to get it:

 $("#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>

路易Tom 2020.03.09

If you only have 1 set of radio buttons on 1 form, the jQuery code is as simple as this:

$( "input:checked" ).val()
Eva梅村村 2020.03.09 
 $(".Stat").click(function () {
     var rdbVal1 = $("input[name$=S]:checked").val();
 }
阳光十三 2020.03.09 
$("input:radio:checked").val();
Itachi凯 2020.03.09

如果只需要布尔值，即是否选中，请尝试以下操作：

$("#Myradio").is(":checked")
Stafan西门 2020.03.09

您可以将：checked选择器与单选按钮一起使用。

 $("form:radio:checked").val();
Harry逆天 2020.03.09

如果您已经引用了单选按钮组，例如：

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();

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android