如何使用純 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雖然......只是說。

Answer 2

我相信你會在document.all集合中找到它：

var selectedColor = document.all["colors"];

Answer 3

普通的javasript：

document.querySelector('input[name=colors]:checked').value;

Answer 4

你可以這樣試試.....

這是例子

<form name="frmRadio" method="post">
<input name="choice" value="1" type="radio" />1 
<input name="choice" value="2" type="radio" />2 
<input name="choice" value="3" type="radio" />3 
<input name="choice" value="4" type="radio" />4
</form>

獲取選定值的函數

<script language="JavaScript">

    function getRadioValue() {
        for (index=0; index < document.frmRadio.choice.length; index++) {
            if (document.frmRadio.choice[index].checked) {
                var radioValue = document.frmRadio.choice[index].value;
                break;
            }
        }
    }

</script>

Answer 5

嗯，他們都有相同的名字。 所以自然至少要選擇其中之一。 給他們不同的 ID，然后再試一次。