Dev Gupta from Mumbai,India Ответов: 1

Как изменить изображение при нажатии переключателя в html с помощью javascript?

Я пытаюсь изменить изображение по щелчку переключателя в html с помощью javascript,но оно, похоже, не меняется.Я пробовал со следующим кодом, но он не работает.Пожалуйста, предложите, если есть что-то неправильное в коде, и посоветуйте мне исправить это.
вот этот код:
<html>
<head>
<title>sample</title>
<script type="text/javascript">

function ChangeImage(newimage)
{
document.rd.src=newimage;
}
</script>
</head>
<body>
<h1>image</h1><br>
<img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Sunset.jpg"  name="rd" width="100px" height="100px">

<input type=radio  value="a" name="rd1"  önclick="ChangeImage('C:\Documents and Settings\All Users\Documents\My Pictures\Sample 

Pictures\Winter.jpg')">Winter	
<input type=radio value="b" name="rd1"  önclick="ChangeImage('C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Blue 

hills.jpg')">Blue hills	
<input type=radio value="c" name="rd1"  önclick="ChangeImage('C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Water 

lilies.jpg')">Water lilies

<div id="'imagedest">
</div>
</body>
</html></br>

1 Ответов

Рейтинг:
10

Shah Parth P

Попробуй вот так :

<script language=javascript type=text/javascript>
  function check_value(){
    switch(document.test.field.value){
       case "one":
         document.getElementById("imagetest").innerHTML = "<img src='images/firstimage.png'>";
         break;
       case "two":
          document.getElementById("imagetest").innerHTML = "<img src='images/secondimage.png'>";
          break;
       case "three":
          document.getElementById("imagetest").innerHTML = "<img src='images/thirdimage.png'>";
          break;
    }
  }
</script>


<form name='bob'>
    <input type="radio" name="field" value="one" onchange='check_value()'>one
    <input type="radio" name="field" value="two" onchange='check_value()'>two
    <input type="radio" name="field" value="three" onchange='check_value()'>three
</form>

<div id='imagetest'>
</div>