Question

我正在尝试通过If / else语句更改HTML中的图像，因此页面会根据其他脚本中的值显示图像我目前有这个代码

<script>
      if (b.className="yes") {
    img src="Site/assets/HappyObama.jpg"
} 
else {
    img src="Site/assets/SadObama.jpg"
}

我该如何解决这个问题？ Javascript中有什么东西可以做到这一点吗？

Answer 1

使用函数设置src的值。

function getImage(className) { 

    var image = "";
    if (className == 'yes') {
        image = "Site/assets/HappyObama.jpg"
    } 
    else {
        image = "Site/assets/SadObama.jpg"
    }  
    return image;
}

Answer 2

这是工作示例

execute(@ModelAttribute RegisterForm registerForm, Model model)

Answer 3

为您的img标记分配ID，然后您可以

//First using jQuery    
     <script>
              if (b.className="yes") 
              {
                 $("#img").attr('src', 'Site/assets/HappyObama.jpg'); 
              } 
              else 
              {
                $("#img").attr('src', 'Site/assets/SadObama.jpg');
              }   
            </script>

//Second using javascript
 <script>
     if (b.className="yes") 
     {
        document.getElementById("img").src="Site/assets/HappyObama.jpg";
     } 
     else 
     {
          document.getElementById("img").src="Site/assets/SadObama.jpg";
     }   
 </script>

Lemme知道问题是否已解决。很乐意提供帮助

Answer 4

你可以这样做

if (b.className="yes") {
   document.getElementById("imageid").src="Site/assets/HappyObama.jpg";
} else {
   document.getElementById("imageid").src="Site/assets/SadObama.jpg";
}

在if / else中使用javascript更改图像

4 个答案: