的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";