Javascript 如何在项目中使用多个if条件

谢谢你的帮助。我正处于一个问题的中间，我无法解决这个简单的问题。请帮帮我

我的代码是：-

<?php 

        $sel="select * from demo1 where paper_type='Quantitative'"; 
        $exe=mysql_query($sel);
        while($rt=mysql_fetch_array($exe))
        {
            $array_val[]=$rt['condition'];  
        }

    ?>
<script>

    var val1 = "<?php echo($array_val[0]); ?>";
    var val2 = "<?php echo($array_val[1]); ?>";
    var val3 = "<?php echo($array_val[2]); ?>";
    var val4 = "<?php echo($array_val[3]); ?>";
    var val5 = "<?php echo($array_val[5]); ?>";

    if(val1 == "a" )
    {
        document.getElementById("imgClick1").src = "images/a.jpg";
        document.getElementById('num1').style.color = "#000";
    }
    else if(val1 == "b")
    {   document.getElementById("imgClick1").src = "images/b.jpg";
        document.getElementById('num1').style.color = "#fff";
    }
    if(val2 == "a" )
    {
        document.getElementById("imgClick2").src = "images/a.jpg";
        document.getElementById('num2').style.color = "#000";
    }
    else if(val2 == "b")
    {
        document.getElementById("imgClick2").src = "images/b.jpg";
        document.getElementById('num2').style.color = "#fff";
    }
    if(val3 == "a" )
    {
        document.getElementById("imgClick3").src = "images/a.jpg";
        document.getElementById('num3').style.color = "#000";
    }
    else if(val3 == "b")
    {
        document.getElementById("imgClick3").src = "images/b.jpg";
        document.getElementById('num3').style.color = "#fff";
    }
</script>

var val1=“”；
var val2=“”；
var val3=“”；
var val4=“”；
var val5=“”；
如果（值1=“a”）
{
document.getElementById（“imgClick1”）.src=“images/a.jpg”；
document.getElementById（'num1'）.style.color=“#000”；
}
else if（val1==“b”）
{document.getElementById（“imgClick1”）.src=“images/b.jpg”；
document.getElementById（'num1'）.style.color=“#fff”；
}
如果（val2==“a”）
{
document.getElementById（“imgClick2”）.src=“images/a.jpg”；
document.getElementById（'num2'）.style.color=“#000”；
}
else if（val2==“b”）
{
document.getElementById（“imgClick2”）.src=“images/b.jpg”；
document.getElementById（'num2'）.style.color=“#fff”；
}
如果（val3==“a”）
{
document.getElementById（“imgClick3”）.src=“images/a.jpg”；
document.getElementById（'num3'）.style.color=“#000”；
}
else if（val3==“b”）
{
document.getElementById（“imgClick3”）.src=“images/b.jpg”；
document.getElementById（'num3'）.style.color=“#fff”；
}

使用php，我从MySQL获取php数组“$array_val[]”的值，并将该值放入javascript变量中，但当我尝试使用if条件检查它时，它只处理第一个if条件

---

请帮助我，我如何也使用其他if条件？

在这种情况下，我建议使用JSON进行编译

针对您的问题，检查以下使用JSON实现的解决方案

var json=JSON.parse('<?php echo json_encode($array_val)?>');

//process your json array here

for(key in json){  //for each elements in json array

     //default image and color
     var image_src = "images/default.jpg";
     var color = "#aaa";

      switch(json[key]){
        case "a":{
                  //code for a
                  image_src = "images/a.jpg";
                  color = "#000";
                  break;
        }
        case "b":{
                  //code for b
                  image_src = "images/b.jpg";
                  color = "#fff";
                  break;
        }
      }

      document.getElementById("imgClick"+(key+1)).src=image_src; // it will generate imgClick1, imgClick2 selectors and so on.. for each element of json
      document.getElementById("num"+(key+1)).style.color=color; // it will generate num1, num2 selectors and so on.. for each element of json
}

---

在这种情况下，我将使用JSON重新编译

针对您的问题，检查以下使用JSON实现的解决方案

var json=JSON.parse('<?php echo json_encode($array_val)?>');

//process your json array here

for(key in json){  //for each elements in json array

     //default image and color
     var image_src = "images/default.jpg";
     var color = "#aaa";

      switch(json[key]){
        case "a":{
                  //code for a
                  image_src = "images/a.jpg";
                  color = "#000";
                  break;
        }
        case "b":{
                  //code for b
                  image_src = "images/b.jpg";
                  color = "#fff";
                  break;
        }
      }

      document.getElementById("imgClick"+(key+1)).src=image_src; // it will generate imgClick1, imgClick2 selectors and so on.. for each element of json
      document.getElementById("num"+(key+1)).style.color=color; // it will generate num1, num2 selectors and so on.. for each element of json
}

---

您能否澄清仅处理第一个if条件的含义？另外，您能否提供val1、val2和val3的设置？运行脚本后，您只需将这些变量写入控制台即可查看它们然后显示：

.src='images/'+encodeuricomponent（val[0]）+'.jpg'

您可能应该对每个变量执行“alert（val）”，每个变量的内容可能不是您期望的。如果您获得了视图源，您是否看到将正确的值分配给

val1

到

val5

？通常避免在条件下重复编码；尝试将案例转换为通用形式，并应用单一的通用代码。您能否澄清仅处理第一个if条件的含义？此外，您能否提供val1、val2和val3的设置？运行脚本后，您只需将这些变量写入控制台即可查看它们然后显示：

.src='images/'+encodeuricomponent（val[0]）+'.jpg'

您可能应该对每个变量执行“alert（val）”，每个变量的内容可能不是您期望的。如果您获得了视图源，您是否看到将正确的值分配给

val1

到

val5

？通常避免在条件下重复编码；尝试将案例转换为通用形式，并应用单一的、通用的代码。除非提问者特别用jQuery标记问题或在示例代码中使用jQuery，否则不应在回答中使用jQuery。我建议采用src=。。。赋值不符合条件，只需赋值给变量，如：image=“images/a.jpg”；和color=“#000”；-也可以使用带有敏感默认值的var图像和var颜色。（用这种方式编辑别人的答案是不是很好？）。审阅者稍后将审阅编辑：）我相信您的回答简化了解决方案，但没有解决所呈现的真正问题。问题的根源必须在于查询结果或被JS代码操纵的HTML源代码。如果你能解决真正的问题，我会投赞成票。首先添加空检查，并根据预期的5+计数检查查询结果计数。除非提问者特别用jQuery标记问题或在示例代码中使用jQuery，否则不应在回答中使用jQuery。我建议采用src=。。。赋值不符合条件，只需赋值给变量，如：image=“images/a.jpg”；和color=“#000”；-也可以使用带有敏感默认值的var图像和var颜色。（用这种方式编辑别人的答案是不是很好？）。审阅者稍后将审阅编辑：）我相信您的回答简化了解决方案，但没有解决所呈现的真正问题。问题的根源必须在于查询结果或被JS代码操纵的HTML源代码。如果你能解决真正的问题，我会投赞成票。首先添加空检查，并根据预期的计数5+检查查询结果计数。