[SOLVED] Radio onclick

[beansandsausages]

Hey,

 

I am trying to make a form where if you click a value via a radio button

 

how would i get it to change a image?

[webster08]

http://www.google.com/search?hl=en&q=change+image+src+with+javascript&btnG=Google+Search

[beansandsausages]

http://www.google.com/search?hl=en&q=change+image+src+with+javascript&btnG=Google+Search

 

Tried that but got loads of confusing scripts lol.

 

ill try your link

[F1Fan]

Could you please list at least a little code. Otherwise you're just asking for someone to write your code for you, and that's kinda rude.

[The Little Guy]

Try this:

 

<script type="text/javascript">
function changeImg(image){
     document.getElementById('myImg').src = image;
}
</script>
<div>
     <input type="radio" onclick="changeImg('/images/image1.jpg');" />
     <input type="radio" onclick="changeImg('/images/image2.jpg');" />
     <input type="radio" onclick="changeImg('/images/image3.jpg');" />
</div>
<div>
     <img id="myImg" src="" />
</div>

[beansandsausages]

Thank you TLG,

 

Just a slight problem though if there in no radio boc CHECKED you get the broken image image, i have tried to set one of the radio boxed to CHECKED in hope it would load the checked image but no such luck, Any ideas?

 

Thank you again.

[JasonLewis]

Try this then:

 

<script type="text/javascript">
function changeImg(image){
     document.getElementById('myImg').innerHTML = "<img src='"+image+"' alt='' />";
}
</script>
<div>
     <input type="radio" onclick="changeImg('/images/image1.jpg');" />
     <input type="radio" onclick="changeImg('/images/image2.jpg');" />
     <input type="radio" onclick="changeImg('/images/image3.jpg');" />
</div>
<div id="myImg"></div>

[beansandsausages]

Thank you.

 

 

i owe you both a beer