如何使用JS代码批量选中页面所有单选框组内值为3的选项

最简实现（适用于所有现代浏览器） #

直接匹配全页面所有value为3的单选框，批量设置选中：

document.querySelectorAll('input[type="radio"][value="3"]').forEach(item => {
    item.checked = true;
})

同一name属性的单选框天然互斥，设置同组value为3的选项为选中后，会自动取消同组其他选项的选中状态，无需额外处理。

缩小匹配范围（避免误改其他区域单选框） #

如果仅需要修改题目区域的单选框，可限定在question-answer容器内匹配：

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

老旧浏览器兼容写法（支持IE等低版本浏览器） #

如果需要兼容不支持querySelectorAll和forEach的旧浏览器，可使用以下写法：

var allInputs = document.getElementsByTagName('input');
for (var i = 0; i < allInputs.length; i++) {
    if (allInputs[i].type === 'radio' && allInputs[i].value === '3') {
        allInputs[i].checked = true;
    }
}

内容的提问来源于stack exchange，提问作者The Dragon Warrior