如何使用纯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虽然......只是说要容易得多.