的onClick（）按鈕單選按鈕值不會改變我們JS

Question

HTML：

<input type="radio" value="red" id="radio"/> 
<input type="button" value="js" onclick="myChange()"/> 

JS：

<script> 
    function myChange() { 
     document.getElementById("radio").value="green"; 
    } 
</script> 

當我點擊按鈕的單選按鈕的值red是不改變爲綠色，幫助我找到解決方案。

感謝提前回復。

Answer 1

• 你的HTML缺少的屬性之一收盤"。您需要type="button"
• JavaScript區分大小寫。您需要Id而不是ID。方法名稱中有By。
• 您還沒有定義​​變量。也許你的意思是字符串"green"？
• onclick="myChange()"將調用功能myChange單擊按鈕時，您尚未定義該功能。

這樣的：

function myChange() { 
    document.getElementById("1").value="green"; 
} 

注意，會有一個單選按鈕沒有明顯的變化，當你改變它的價值。

Answer 2

ID不能以數字開頭，所以更改您的ID：

<input type="radio" value="red" id="radio"/> 

還必須改變你的JS：

function myChange() { 
    document.getElementById("radio").value="green"; 
} 

然後，最後修復HTML語法錯誤的位置：

<input type="button" value="js" onclick="myChange()"/> 

Answer 3

它是getElementById，你忘了By。

document.getElementById("id").value = "green";