javascript - 如何使用纯 javascript 查找单选按钮的值？

Question

<input checked=checked type="radio" name="colors" value="red" />Red
<input type="radio" name="colors" value="green" />Green
<input type="radio" name="colors" value="blue" />Blue

鉴于上述情况，我将红色按钮设置为默认选中(所以我给它 checked=checked 属性。有了这个，如果我调用 .checked 在该输入元素上，它将始终返回 true，即使选择了另一个选项也是如此。

在纯 javascript(无 jQuery)中，如何获得实际选择的选项？

Answer 1

试试这个:

var options = document.getElementsByName("colors");
if (options) {
    for (var i = 0; i < options.length; i++) {
        if (options[i].checked){
             alert(options[i].value);
        }
    }
}

虽然使用 jQuery 会如此容易得多......只是说说。