Mit dem Klick auf Radiobutton Bild ändern

Von: , Frage gestellt am Di, 15. Mai 2012

Hallo, ich habe da einen Script, damit kann ich mit dem Click auf RadioButton bild ändern.

Soweit passt.

<html> 
<head> 
<title>Radiobuttons</title> 
<style type="text/css"> 
#myGroup {visibility:hidden} 
</style> 
<script type="text/javascript"> 
function switchPic() {
     var bildname;
     if(document.formular.radio[0].checked == true) {
          bildname = "bild1.jpg";
     }
     else if(document.formular.radio[1].checked == true) {
          bildname = "bild2.jpg";
     }
     else if(document.formular.radio[2].checked == true) {
          bildname = "bild3.jpg";
     }
     document.getElementById("bild").src = bildname;
}	   
</script> 
</head> 
<body> 
<img alt="" width="150" height="100" src="bild3.jpg" id="bild">
<br>
<form name="formular" onclick="switchPic();">
 <input name="radio" value="bild1" type="radio">Bild1
 <input name="radio" value="bild2" type="radio">Bild2
 <input name="radio" value="bild3" type="radio" checked>Bild13
</form>
</body> 
</html>

Nur möchte ich Bilder aus verschiedenen src anzeigen lassen.

z.B.
Bild3 src="C:\\username\Desktop"
Bild2 src="www.bilder.de"
Bild1 src="www.nocheinbild.de"

Was soll ich am Code ändern?? Und Erklärung bitte:
Vielen Dank im Voraus.

2 Antworten zu dieser Frage

Antwort von nach 3 Tagen 1 hilfreich

Re: Mit dem Klick auf Radiobutton Bild ändern

Hi Nadine,

um mir das ganze if-abfragerei zu sparen würde ich es so machen:

<html> 
<head> 
<title>Radiobuttons</title> 
<style type="text/css"> 
#myGroup {visibility:hidden} 
</style> 
<script type="text/javascript"> 
function switchPic(auswahl) {
     document.getElementById("bild").src = auswahl;
}	   
</script> 
</head> 
<body> 
<img alt="" width="150" height="100" src="bild3.jpg" id="bild">
<br>
<form name="formular" >
 <input name="radio" value="http://www.wer-weiss-was.de/img.r/logo_www.png" type="radio" onclick="switchPic(this.value)">Bild1
 <input name="radio" value="http://www.wer-weiss-was.de/img.r/logo_n24.png" type="radio" onclick="switchPic(this.value)">Bild2
 <input name="radio" value="bild3.jpg" type="radio" checked onclick="switchPic(this.value)">Bild3
</form>
</body> 
</html>

müsste klar sein .. oder?

h♥rzlichen Gruß
Nitya

Antwort von nach 14 Tagen 0 hilfreich

Re^2: Mit dem Klick auf Radiobutton Bild ändern

Danke vielmals!!! Hat geklappt!!!

Keine passende Antwort gefunden? Jetzt eigene Frage stellen!