Javascript 单击4个图像后创建自动传输_Javascript

Javascript 单击4个图像后创建自动传输

javascript

Javascript 单击4个图像后创建自动传输,javascript,Javascript,正如标题所说，我有一排4张照片。当我点击它们时，它们会变成另一个。当所有4张图片都更改后，我希望该功能将我转移到一个新的URL。这必须是javascript 这就是我取得的成绩： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="datemedmig.css" type="text/css" rel="stylesheet">

正如标题所说，我有一排4张照片。当我点击它们时，它们会变成另一个。当所有4张图片都更改后，我希望该功能将我转移到一个新的URL。这必须是javascript

这就是我取得的成绩：

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <link href="datemedmig.css" type="text/css" rel="stylesheet">
    <title>Uppgift B</title>
        <script>
            function changePic1 (guy1) 
            { 
                document.getElementById("guy1").src ="1b.jpg"; 
            }

            function changePic2 (guy2) 
            { 
                document.getElementById("guy2").src ="2b.jpg";
            }

            function changePic3 (guy3) 
            { 
                document.getElementById("guy3").src ="3b.jpg"; 
            }

            function changePic4 (guy4) 
            { 
                document.getElementById("guy4").src ="4b.jpg";      
            }
        </script>
        <img id="guy1" src="1a.jpg" onclick=changePic1(this.name)>
        <img id="guy2" src="2a.jpg" onclick=changePic2(this.name)>
        <img id="guy3" src="3a.jpg" onclick=changePic3(this.name)>
        <img id="guy4" src="4a.jpg" onclick=changePic4(this.name)>
    </head>
</html>


礼物B
功能更改pic1（guy1）
{ 
document.getElementById（“guy1”）.src=“1b.jpg”；
}
功能更改pic2（guy2）
{ 
document.getElementById（“guy2”）.src=“2b.jpg”；
}
功能更改PIC3（GY3）
{ 
document.getElementById（“guy3”）.src=“3b.jpg”；
}
功能更改PIC4（GY4）
{ 
document.getElementById（“guy4”）.src=“4b.jpg”；
}

如有任何帮助，我们将不胜感激

致意

丢失的男孩

单击图像后，您需要为每个要切换的图像添加一个

布尔

标志，从而更改图像。单击图像时，请检查是否所有4个标志均为

true

，如果是，请使用

location.href

重定向到新URL。

您好！非常感谢您的快速响应，它工作得非常完美@用户3310985如果我的答案是正确的，你能选择它吗？啊，是的！我是新来的，刚找到它！

var arr = [false, false, false, false];
function save(index){
  arr[index] = true;
  if(arr.filter(function(item){ return !item; }).length == 0) 
    location.href = "YOUR_HREF";
}

function changePic1 (guy1) 
        { 
            document.getElementById("guy1").src ="1b.jpg";
            save(0); 
        }

function changePic2 (guy2) 
{ 
            document.getElementById("guy2").src ="2b.jpg";
            save(1);
}

function changePic3 (guy3) 
{ 
      document.getElementById("guy3").src ="3b.jpg";  
      save(2);
}
function changePic4 (guy4) 
{ 
      document.getElementById("guy4").src ="4b.jpg";      
      save(3);
}