单选按钮-未选择任何选项

radiobuttons - no option selected

本文关键字：任何 选项 选择 单选按钮      更新时间：2023-09-26

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

请参阅此处的JSFiddle示例

我试过这样的东西，但这是JQuery。

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

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

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

JS Fiddle演示。

querySelector()的好处是，它只返回与选择器模式匹配的第一个元素（假设它与任何元素匹配）（尽管如果您想获得所有的匹配元素，则有document.querySelectorAll()）。

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

参考文献：

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

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

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

JSFiddle演示

请注意，第二个radio元素在HTML中进行了检查，但此代码在每个nextQ()调用

上执行
相关文章：