2 radio buttons, 1 Link und richtige Weiterleitung

[stLo]

Hallo!

Das Problem ist eigentlich simpel:

Ich habe zwei radio buttons und einen link. Wenn der eine radio button "a" aktiviert ist (checked), dann soll der link auf seite a verweisen. Wenn radio button "b" aktiviert ist, dann soll der link auf seite b verweisen.

 <a href="#" onClick="checkradiobuttons()">Play</a>
 
 <script language="JavaScript">
 <!--
 	function checkradiobuttons()
 		{
 			if(document.formular.buttonb.checked == true)
 			document.location.href = "seite-b.htm";	
 						
 			else		
 			document.location.href = "seite-a.htm";
 		}
 </script>
 
 <form name="formular">
 <input name="buttonb" type="radio">
 <input name="buttona" type="radio">
 </form>

Mit meinem bisherigen code komme ich nicht weiter. Was muss ich tun, damit der Link jeweils auf seite-a oder seite-b.htm verweist?

grüße
stLo

 

[con-f-use]

Du hast weder den Fall, das keiner, noch das beide gechecked sind berücksichtigt... Ansonsten funktioniert alles bei mir...

Wenn du beide Möglichkeiten ausschließen willst, musst du beiden Radios den gleichen Namen geben und in deinem Script das radio-arry verwenden. Du soltlest auch den Kommentar im <script>-Tag beenden und nicht das language-Attribut verweden (ist nicht mehr Standart):

<a href="#" onclick="checkradiobuttons();return false">Play</a>
   
  <script type="text/javascript"><!--
  	function checkradiobuttons() {
  		if(document.getElementById('formular').button[0].checked == true) {
  			document.location.href = "seite-b.htm";	
  		}
  		else {
  			document.location.href = "seite-a.htm";
  		}
  	}
  //--></script>
   
  <form id="formular"><div>
  	<input name="button" type="radio" /> <!-- seite-b -->
  	<input name="button" type="radio" /> <!-- seite-a -->
  </div></form>

 

[stLo]

Sicher, dass es bei Dir funktioniert? Bei mir jedenfalls nicht...

Hast Du hier noch etwas verändert?

  <a href="#" onClick="checkradiobuttons()">Play</a>

gruss

 

[Sven Mintel]

Füge nach dem Funktionsaufruf noch ein return false; hinzu... dann sollte es klappen.

 

[con-f-use]

Achja, mir war ne Code-Zeile abhanden gekommen, sorry.

Hab's für spätere leser in meinem Original-post verbessert.

 

[stLo]

vielen dank

 

[stLo]

radio buttons stylen

Nein, keine Angst das JavaScript funktioniert noch

Es geht um die radio buttons:

Möchte diese per CSS meinem Design anpassen. Nur leider stellt der Firefox diese ganz anders da als der Internet Explorer, wie man z.B. hier sieht.

Der Leute vom ZDF haben bei ihrem Player auch hinbekommen, dass die radio buttons
in jedem Browser gleich gut aussehen. Seht selbst!

Meine Frage nun, wie die das machen? Kann man in den html code für die Buttons Gifs einbauen um so das Look&Feel zu steuern?

gruss