onClick(） 按钮 单选按钮值不会更改我们的 JS

onClick() button Radio button value not change us JS

本文关键字：我们 JS 按钮 单选按钮 onClick      更新时间：2023-09-26

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没有变为绿色，请帮助我找到解决方案。

感谢提前回复。

  • 您的 HTML 缺少其中一个属性的结束"。你需要type="button"
  • JavaScript 区分大小写。你想要Id而不是ID.
  • 方法名称中有一个By。
  • 您尚未定义green变量。也许你的意思是字符串"green"？
  • onclick="myChange()"将在单击按钮时调用该函数myChange，则您尚未定义该函数。

这样：

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

请注意，当您更改单选按钮的值时，其值不会有可见的变化。

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()"/>

它是getElementById，你忘了By。

document.getElementById("id").value = "green";
相关文章：