Formular: Optionsfelder, Checkbox

martinkirschgarten

Hallo

Ich möchte mehrere Optionsfelder in eine Gruppe einbinden.
So das alle wieder mit einem klick deaktiviert werden können.

So wie eine CheckBox.
Aber mit Optionsfeld Eigenschaften.

Momentan ist immer eins aktiv in der gruppe.

Wie kann ich so etwas machen?

Ich hoffe man hat verstanden was ich meine.

martinkirschgarten

Hallo

Mit java script.
Ich will die Optionsfelder in einer Gruppe haben. Aber wenn der User nicht mehr will soll er die optionsfelder auch deaktivieren können.

So ist immer mindestens eins Aktiv, kriege das nicht hin!! Wie geht das?

flenders

soll quasi durch Klick auf das schon ausgewählte Element keines mehr ausgewählt sein? Dann müsstest du wohl onClick für jedes der Inputs abfangen und dann über checked festlegen, ob das Input ausgewählt werden soll (dazu musst du dir merken, welches Element zuvor ausgewählt war). Hier mal ein Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>Test</title>
  <script type="text/javascript">
  <!--
   var prevSelection = null;
   var prevSelected = false;

   function CheckAuswahl(element) {
    prevSelected = (prevSelection == element) ? element.checked : false;
    element.checked = !prevSelected;
    prevSelection = element;
   }
  //-->
  </script>
 </head>
 <body>
  <form action="" name="Testform">
   <input type="radio" name="liste" onclick="CheckAuswahl(this)">Auswahl 1 <br>
   <input type="radio" name="liste" onclick="CheckAuswahl(this)">Auswahl 2 <br>
   <input type="radio" name="liste" onclick="CheckAuswahl(this)">Auswahl 3 <br>
   <input type="radio" name="liste" onclick="CheckAuswahl(this)">Auswahl 4 <br>
   <input type="radio" name="liste" onclick="CheckAuswahl(this)">Auswahl 5 <br>
  </form>
 </body>
</html>

martinkirschgarten

Hallo

Ja, Funktioniert gut.
Aber ich habe ein CSS und eine Container Klasse!
Deswegen geht es nicht.
Was kann ich den da machen?

<div id="position1" style="position: absolute; left: 188px; top: 250px">
	<span class="rbStyled" name="BigOrb"><input type="radio" name="liste" onclick="CheckAuswahl(this)"></span>
	</div>	
	<div id="position2" style="position: absolute; left: 188px; top: 273px">
    <span class="rbStyled" name="BigOrb"><input type="radio" name="liste" onclick="CheckAuswahl(this)"></span>
    </div>
    <div id="position3" style="position: absolute; left: 188px; top: 296px">
    <span class="rbStyled" name="BigOrb">
	<input type="radio" name="rbflagranto" onclick="CheckAuswahl(this)"></span>
    </div>       
    <input type="radio" name="liste" onclick="CheckAuswahl(this)">   
    <div id="position4" style="position: absolute; left: 188px; top: 319px">
    <span class="rbStyled" name="BigOrb">
	<input type="radio" name="rb" onclick="CheckAuswahl(this)"></span>
    </div>

flenders

Ich weiß nicht, ob ich da was falsch verstanden habe, aber das ist wohl kein Problem mit CSS
Wenn du mehrere verschiedene Radio-Groups hast, dann musst du für jede die Variablen prevSelection, prevSelected getrennt anlegen (evtl. in einem Array)