Question

当我单击单选按钮时，我需要能够更改图像，我进行了一些研究，但由于某种原因它不起作用。我对javascript没有太多了解，所以也许我错过了一些东西。我不能为此使用jQuery。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
	
<script>
      
          
        function check_value(fieldvalue) {
            case 1:
                document.getElementById("displayimages").innerHTML = "<img src='images/Images1.jpg'>";
                break;
            case 2:
                document.getElementById("displayimages").innerHTML = "<img src='images/Images2.jpg'>";
                break;
            case 3:
                document.getElementById("displayimages").innerHTML = "<img src='images/Images3.jpg'>";
                break;
            }
        
</script>
	
</head>

<body>

<form name="ImageSelect">
  <input type="radio" name="field" value="one" onclick="check_value(1)"/> Images 1<br />
  <input type="radio" name="field" value="two" onclick="check_value(2)"/> Images 2<br />
  <input type="radio" name="field" value="three" onclick="check_value(3)"/> Images 3<br />
</form>


<div id="displayimages"></div>





</body>
</html>

Answer 1

case语句必须在switch内部。

function check_value ( fieldvalue ) {
    switch ( fieldvalue ) {
        case 1:
            ...
    }
}

在您的情况下，您还可以这样编写函数：

function check_value ( fieldvalue ) {
    document.getElementById( "displayimages" ).innerHTML = "<img src='images/Images" + fieldvalue + ".jpg'>"
}

javascript更改图像单选按钮

1 个答案: