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变量。也许你的意思是字符串"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，你忘记了。

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