Javascript:单击单选按钮时显示图像

Question

我目前正在使用单选按钮，在 javascript 的帮助下单击时显示图像。问题是单击单选按钮时没有显示结果。下面的代码显示我正在使用一个函数，然后在单击时触发事件。代码是否缺少某些内容？或者有更好的方法吗？这是Example

谢谢

Javascript

<script>
    function check_value() {
        function check_value(fieldvalue) {
            switch (fieldvalue) {
            case 1:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike1.jpg'>";
                break;
            case 2:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike2.jpg'>";
                break;
            case 3:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike3.jpg'>";
                break;
            }
        }
</script>

HTML

<form name="builder">
  <input type="radio" name="field" value="one" onclick='check_value(1)'/> KAWASAKI KX 450F<br />
  <input type="radio" name="field" value="two" onclick='check_value(2)'/> 2010 Yamaha Road Star S<br />
  <input type="radio" name="field" value="three" onclick='check_value(3)'/> Aprilia RSV4<br />
</form>


<div id="imagedest"></div>

Answer 1

代码前面额外的function check_value() {的用途是什么？它的目的似乎是阻止您的代码工作，因此提示您提出这个问题。

删除它，一切都会好起来的。