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

Question

我有一组这样的单选按钮输入：

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

有没有一种方法可以在不使用jQuery 的情况下获取选中的单选按钮输入的 id ？

感谢您的帮助。

Answer 1

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

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

<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">