javascript - 如何在没有 jQuery 的情况下获取一组已检查的 radio 输入？

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