1

我对 switch 语句有点困惑，我的主页需要它。我将很快解释：我的 html 代码中有两组单选按钮，每组由三个按钮组成。根据选择的按钮，将显示一个图像（意味着一组三个不同的图像，另一组三个不同的图像）。一次也显示两个图像。到目前为止，这适用于我的代码。接下来我想做的是根据选择的按钮组合显示第三张图像。到目前为止，这是我的代码

    <html>
<head>
<title>Radio-Buttons</title>
</head>
<body>

<h1>Testing</h1>

<script language='JavaScript' type='text/javascript'>


    function check_value(fieldvalue)
    {    

        switch(fieldvalue)
        {
            case 1:

                document.getElementById("imagedest").innerHTML = "<img src='image1.jpg'>";

                    break;

            case 2:

                document.getElementById("imagedest").innerHTML = "<img src='image2.png'>"; 

                    break;

            case 3:

                document.getElementById("imagedest").innerHTML = "<img src='image3.jpg'>"; 

                    break;
        }

   }
    function check_other_value(fieldvalue)
    {   

        switch(fieldvalue)
        {
            case 1:

                document.getElementById("imagedest2").innerHTML = "<img src='image4.jpg'>";



            break;

            case 2:

                document.getElementById("imagedest2").innerHTML = "<img src='image5.png'>";


        break;

            case 3:

                document.getElementById("imagedest3").innerHTML = "<img src='image6.jpg'>";

    }

    }


</script>

<form name='test'>
    <input type="radio" name="field" value="one" onclick='check_value(1)'>one 
    <input type="radio" name="field" value="two" onclick='check_value(2)'>two 
    <input type="radio" name="field" value="three" onclick='check_value(3)'>three 
</form>

<div id='imagedest'>
</div>


<form name='tests'>
    <input type="radio" name="fields" value="one" onclick='check_other_value(1)'>one 
    <input type="radio" name="fields" value="two" onclick='check_other_value(2)'>two 
    <input type="radio" name="fields" value="three" onclick='check_other_value(3)'>three 
</form>

<div id='imagedest2'>
</div>



</body>
</html>

此代码适用于我之前描述的内容。我想过使用“if”语句来检查选择的第一个案例，但据我了解，在“中断”之后，函数“擦除”所有内容并从 0 开始。

任何人都可以给我一个关于如何使它工作的想法吗？

谢谢你，乔迪

4

2 回答 2

1

您必须将这两个值都传递给第三个函数，并在那里进行您需要做的任何检查。

function check_third_value( field1, field2 )
{
    if( field1 == 1 && field2 == 2 ) {
        // do something
    } else if( field1 == 2 && field2 == 2 ) {
        // do something else
    } else if...
}

传递值的方式取决于触发更改的方式。您还可以使用 获取值document.getElementById("fieldID").value，具体取决于您的 HTML。

于 2013-01-26T11:10:12.520 回答
0

叫我简单，但你为什么不这样做：

function updateImage(value_1, value_2) {
    document.getElementById("image_1").innerHTML = '<img src="img_1_' + value_1 + 'jpg">';
    document.getElementById("image_2").innerHTML = '<img src="img_2_' + value_2 + 'jpg">';
    document.getElementById("image_3").innerHTML = '<img src="img_3_' + value_1 + '_' + value_2 + 'jpg">';
}
于 2013-01-26T11:20:45.643 回答