Question

我想在我的代码中实现一个背景图像更换器，但它似乎无法工作。

这是我的JS：

function XAX() {
    var P = document.getElementById("background1");
    var O = document.getElementById("background2");
    var I = document.getElementById("background3");
    if {P.checked === true} {
        document.body.style.backgroundImage = "url(Gates.jpg)";
    }
    else if {O.checked === true} {
        document.body.style.backgroundImage = "url(City.jpg)";
    }
    else if {I.checked === true} {
        document.body.style.backgroundImage = "url(forest.jpg)";
    }
    }

这是HTML：

    <input type="radio" id="background1" name="background" >Gates of Argonath</input><br>
    <input type="radio" id="background2" name="background" >Minas Tirith</input><br>
    <input type="radio" id="background3" name="background" >Rivendell</input><br>
    <input type="button" value="Submit" onclick="XAX()">

Answer 1

if {P.checked === true} {
//TODO
}

你应该直接在if块上使用它，因为element.checked返回布尔结果，你应该直接处理它，如果阻止它们不需要检查元素.checked === true || element.checked === 1。

这是我的小提琴检查

https://jsfiddle.net/DeMaiz/tn6thygq/

Answer 2

请在下面找到正确的代码

<html>
    <body>
    <input type="radio" id="background1" name="background" >Gates of Argonath</input><br>
    <input type="radio" id="background2" name="background" >Minas Tirith</input><br>
    <input type="radio" id="background3" name="background" >Rivendell</input><br>
    <input type="button" value="Submit" onclick="XAX()">
    <body>
    <script>
    function XAX() {
        var P = document.getElementById("background1");
        var O = document.getElementById("background2");
        var I = document.getElementById("background3");
        if (P.checked == true) {
            document.body.style.backgroundImage = "url(Gates.jpg)";
        }
        else if (O.checked == true) {
            document.body.style.backgroundImage = "url(City.jpg)";
        }
        else if (I.checked == true) {
            document.body.style.backgroundImage = "url(forest.jpg)";
        }
    }
    </script>
</html>

你在if和else if语句之后使用{，你应该使用(

Javascript后台更换器没有工作

2 个答案: