使用JavaScript和无线电输入更改HTML中的背景颜色有什么错误 JS 5 //根据输入更改颜色的javascript函数函数changeCol（）{ var x=document.getElementById（“col”）值；如果（x=“红色”）{ document.bgColor=“红色”； } 否则，如果（x==“绿色”）{ document.bgColor=“绿色”； } 否则{ document.bgColor=黄色”； } } 身体选一个红色绿色改变_Javascript_Html

使用JavaScript和无线电输入更改HTML中的背景颜色有什么错误 JS 5 //根据输入更改颜色的javascript函数函数changeCol（）{ var x=document.getElementById（“col”）值；如果（x=“红色”）{ document.bgColor=“红色”； } 否则，如果（x==“绿色”）{ document.bgColor=“绿色”； } 否则{ document.bgColor=黄色”； } } 身体选一个红色绿色改变

javascript html

使用JavaScript和无线电输入更改HTML中的背景颜色有什么错误 JS 5 //根据输入更改颜色的javascript函数函数changeCol（）{ var x=document.getElementById（“col”）值；如果（x=“红色”）{ document.bgColor=“红色”； } 否则，如果（x==“绿色”）{ document.bgColor=“绿色”； } 否则{ document.bgColor=黄色”； } } 身体选一个红色绿色改变,javascript,html,Javascript,Html,无法获取错误。似乎一切正常：（函数changeCol应该根据选择的无线电输入更改颜色。但它什么也不做。您不应该有两个具有相同ID的元素  <!doctype html> <html> <head> <title>JS 5</title> <script type="text/javascript"> //javascript

无法获取错误。似乎一切正常：（函数changeCol应该根据选择的无线电输入更改颜色。但它什么也不做。

您不应该有两个具有相同ID的元素

<!-- What is the error ? -->
<!doctype html>
<html>
<head>
    <title>JS 5</title>
    <script type="text/javascript">
        //javascript function to change color according to input

        function changeCol(){
            var x=document.getElementById("col").value;
            if(x=="red"){
                document.bgColor="red";
            }
            else if(x=="green"){
                document.bgColor="green";
            }
            else{   
                document.bgColor=yellow";
            }
        }
    </script>
</head>
<body>
    <h1> BODY </h1> 
    <form>
        <fieldset>
            <legend>Choose One</legend>
            <input type="radio" id="col" value="red">Red<br>
            <input type="radio" id="col" value="green">Green<br>
            <button id="x" onClick="changeCol()">Change</button>
        </fieldset>
    </form>
</body>
</html>

及

红色

绿色

此处出现语法错误，因此Javascript代码根本无法启动：

<input type="radio" id="col1" value="red">Red<br>
<input type="radio" id="col2" value="green">Green<br>

应该是：

 document.bgColor=yellow";

一旦运行它，无论您选择什么，它都只会将颜色更改为红色。id在页面中应该是唯一的。当您有重复项时，

getElementById

将仅获取第一个元素

但是，如果只查看

值

属性，获取多个元素对您没有帮助。单选按钮无论是否选中，都不会改变此属性。您应该使用

checked

属性来检测该属性

首先，为单选按钮指定不同的id：

 document.bgColor="yellow";

两个元素不能共享IDFW，bgColor已被弃用。并且

黄色

缺少一个

“

，并使

onclick事件返回false；因此您不提交表单。
 document.bgColor="yellow";

<input type="radio" id="red" value="red">Red<br>
<input type="radio" id="green" value="green">Green<br>

function changeCol() {
  var red = document.getElementById("red");
  var green = document.getElementById("green");
  if (red.checked) {
    document.bgColor = "red";
  } else if (green.checked) {
    document.bgColor = "green";
  } else {   
    document.bgColor = "yellow";
  }
}