radiobuttons - 未选择任何选项

Question

我基本上是在尝试构建一个简单的问答游戏来学习JavaScript。 当显示下一个问题时，如何使单选按钮没有选中？

See JSFiddle example here

我尝试过类似的东西，但这是JQuery。

$('[name="ans"]').prop('checked', false); 

Answer 1

如果您确定您的用户使用的是支持DOM document.querySelector()方法的最新浏览器，您可以使用：

document.querySelector('input[type="radio"]:checked').checked = false;

JS Fiddle demo

querySelector()的好处是它只返回与选择器模式匹配的第一个元素（假设它匹配任何元素）（尽管如果你想得到 all < / em>匹配元素有document.querySelectorAll()）。

当然，document可以替换为元素节点引用（例如，将方法限制为仅搜索表单，而不是整个文档）。

参考文献：

• document.querySelector()。
• document.querySelectorAll()。

Answer 2

如果你真的想避免使用jQuery，你可以尝试这样的事情：

var radios = document.getElementsByName('an');
for(i = 0; i < radios.length; i++){
    radios[i].checked = false;
}

JSFiddle Demo

请注意，HTML中会检查第二个无线电元素，但此代码会在每次nextQ()调用时执行