Question

我有一组单选按钮输入：

＆＃13;

<input type="radio" name="fruit" id="pear">
<input type="radio" name="fruit" id="apple">
<input type="radio" name="fruit" id="banana">

＆＃13;

有没有办法在没有 jQuery的情况下输入已选中的单选按钮的ID？

感谢您的帮助。

Answer 1

相同的选择器：[name=fruit]:checked可以被document.querySelector使用 - IE8 +和其他现代浏览器支持

＆＃13;

console.log(
  $("[name=fruit]:checked").attr("id"), // jQuery
  document.querySelector("[name=fruit]:checked").id // plain JS
);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="fruit" id="pear" checked>
<input type="radio" name="fruit" id="apple">
<input type="radio" name="fruit" id="banana">

＆＃13;

Answer 2

您可以使用此代码。不需要jquery。

var fruits = document.getElementsByName("fruit");

var selectedFruit;

for(var i = 0; i < fruits.length; i++) {
   if(fruits[i].checked)
   selectedFruit = fruits[i].id;
 }
console.log(selectedFruit);

如何在没有jQuery的情况下获取组的已检查无线电输入？

2 个答案: