如何使用js代码检查页面中的所有单选框？答案

【问题标题】：How to check all radio boxes in a page with js code?如何使用js代码检查页面中的所有单选框？
【发布时间】：2021-09-22 15:44:51
【问题描述】：

这是单选框的代码。

<div class="question-answer">
    <label style="margin: 10px;">
        <span class="kt-font-bolder">1</span>
        <br>
        <input name="2" type="radio" label="1" value="1">
    </label>

    <label style="margin: 10px;">
        <span class="kt-font-bolder">2</span>
        <br>
        <input name="2" type="radio" label="2" value="2">
    </label>

    <label style="margin: 10px;">
        <span class="kt-font-bolder">3</span>
        <br>
        <input name="2" type="radio" label="3" value="3">
    </label>

    <label style="margin: 10px;">
        <span class="kt-font-bolder">4</span>
        <br>
        <input name="2" type="radio" label="4" value="4">
    </label>

    <label style="margin: 10px;">
        <span class="kt-font-bolder">5</span>
        <br>
        <input name="2" type="radio" label="5" value="5">
    </label>

    <br>

    <span style="color: rgb(128, 0, 0);"></span>
</div>

一个页面中几乎有 20 个问题具有相同的代码。如何使用 js 代码检查单选框中的所有 3 个？谁能帮帮我？

【问题讨论】：

您的问题需要更多详细信息
你说的三个都是什么意思？？
你能告诉我，我的问题需要哪些信息吗？
“检查”如“我想找出哪个已被选中”，或“检查”如“我想一次选择所有”？（顺便说一句，你不能做第二个。）不知道为什么你添加了“复选框”标签。你想要它们而不是单选按钮吗？ @TheDragonWarrior
你是说复选框还是收音机？ Radio 是一个元素，代表所有可用选项中的一个选项。

标签： javascript html checkbox

【解决方案1】：

您可以尝试document.querySelectorAll 使用.question-answer input[type="radio"][value="3"] 之类的css 选择器来查找您想要的元素。然后您可以遍历该列表并将checked 属性设置为true。

const inputElementsWith3 = document.querySelectorAll('.question-answer input[type="radio"][value="3"]');
inputElementsWith3.forEach(function(radio) { radio.checked = true; });

【讨论】：