[Erledigt] Mehrere Checkboxen abhängig voneinander

hstefan · 21.03.2011, 19:09

Hallo mal wieder,

ich benötige ein Formular mit diversen Checkboxen. Diese Checkboxen sollen zum Teil abhängig voneinander sein.
Bsp. Checkbox 2 und 3 sollen von Checkbox 1 abhängig sein, Checkbox 5 und 6 sollen von Checkbox 4 abhängig sein.

Mit "abhängig sein" meine ich, dass die Checkboxen nicht anwählbar sind (Disabled), wenn die Hauptbox nicht aktiv ist.
Meine Kenntnisse in Javascript sind nicht so gut.

Hab ich soweit auch hinbekommen aber:
Checkbox 4 darf nicht anklickbar sein wenn Checkbox 1 checked ist. Daran scheiter ich momentan.

PHP-Code:

  <?php

$id1 = '1';

$id2 = '2';

?>

<script language="javascript" type="text/javascript">

   function checkbox1(checked,auswahl1) {

      if (checked == true) {

         document.Form.elements['wert1[' + auswahl1 + ']'].disabled=false;

         document.Form.elements['wert2[' + auswahl1 + ']'].disabled=false;         

      } else {

         document.Form.elements['wert1[' + auswahl1 + ']'].disabled=true;

         document.Form.elements['wert2[' + auswahl1 + ']'].disabled=true;

      }

      }

      

   function checkbox2(checked,auswahl2) {

      if (checked == true) {

         document.Form.elements['wert3[' + auswahl2 + ']'].disabled=false;

         document.Form.elements['wert4[' + auswahl2 + ']'].disabled=false;

      } else {

         document.Form.elements['wert3[' + auswahl2 + ']'].disabled=true;

         document.Form.elements['wert4[' + auswahl2 + ']'].disabled=true;

      }

      }      

</script>

 
<form name="Form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">

<input type="checkbox" name="auswahl1[]" value="<?php= $id1; ?>" onclick="checkbox1(this.checked , '<?php= $id1; ?>');" /> 1.

<blockquote>

<input type="checkbox" name="wert1[<?php= $id1; ?>]" value="1"  disabled="disabled"  /> 1.1

<br />

<input type="checkbox" name="wert2[<?php= $id1; ?>]" value="1"  disabled="disabled"  /> 1.2

</blockquote>

 
<input type="checkbox" name="auswahl2[]" value="<?php= $id2; ?>" onclick="checkbox2(this.checked , '<?php= $id2; ?>');" /> 2.

<blockquote>

<input type="checkbox" name="wert3[<?php= $id2; ?>]" value="1"  disabled="disabled"  /> 2.1

<br />

<input type="checkbox" name="wert4[<?php= $id2; ?>]" value="1"  disabled="disabled"  /> 2.2

</blockquote>

<input type="submit" name="submit" />

</form>

 
<?php

if(isset($_POST["submit"]) AND isset($_POST["wert1"]) AND !isset($_POST["wert2"]))

{

echo "Auswahl 1.1";

}

 
if(isset($_POST["submit"]) AND !isset($_POST["wert1"]) AND isset($_POST["wert2"]))

{

echo "Auswahl 1.2";

}

 
if(isset($_POST["submit"]) AND !isset($_POST["wert1"]) AND !isset($_POST["wert2"]))

{

echo "Keine Auswahl";

}

 
if(isset($_POST["submit"]) AND isset($_POST["wert1"]) AND isset($_POST["wert2"]))

{

echo "Doppelte Auswahl nicht möglich.";

}

 
?>

Vielen Dank.

m0dpad · 21.03.2011, 19:32

Hallo,

Verstehe nicht ganz was du willst, bzw. wenn ich es richtig interpretiere hast du ein Javascript Problem und dann bist du in der falschen Kategorie.

Prüfen ob eine Checkbox "checked" ist eigentlich ganz einfach, so (z.B.) greifst du drauf zu :

Code:

document.getElementById("id").checked

und dann halt auf den Wert wahr oder falsch testen.

hstefan · 21.03.2011, 20:34

Hi m0dpad,

stimmt, bin falsch abgebogen - gehört natürlich verschoben.

Also in meinem Formular sind 6 Checkboxen, die 1. und die 4. Checkbox sollen abhängig voneinander sein.

Nur eine von beiden darf aktiv sein, die andere wird (wenn nicht aktiv) disabled. Ich hab das ja schon ein wenig zusammengebastelt (google-sei-dank) aber komme nicht ganz zum gewünschtem Ergebnis.

daemonTutorials · 21.03.2011, 21:18

Da müsstest du eine lange IF-ELSE IF-ELSE Schleife bauen, diese überprüft jeder Bedingung! Das dauert ziemlich lange. Deswegen würde ich vorschlagen, diese Checkboxen einfach auszublenden und anzuzeigen wenn die angebundene Checkbox aktiv ist, also wenn 1 aktiv ist, soll gleich 4 angezeigt werden!

Etwa so:

Code:

if (document.getElementById('check1').checked) /* Hier könnten noch andere Bedingungen rein, etwa das noch Checkbox 5 aktiv sein muss! */
{
    document.getElementById('check4').disabled=false;
}

nikosch · 21.03.2011, 22:02

Benutz doch jQuery. Da kannst Du auch effektiv Gruppen von Elementen ansprechen, disablen..

hstefan · 23.03.2011, 08:37

Da ich (wie ich schon geschrieben habe) mich nicht viel mit Javascript auskenne und auch jQuery-Anfänger bin habe ich es jetzt so gelöst, dass ich die entsprechenden Checkbox + Text ausgeblendet habe. Vielen Dank daemonTutorials.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Probleme mit mehreren Checkboxen	hstefan	PHP Einsteiger	8	02.03.2011 16:44
Checkboxen auswerten und weiterverarbeiten	magicwin	PHP Tipps 2010	16	05.08.2010 00:23
[Erledigt] checkboxen innerhalb einer while schleife	Balmore	PHP Tipps 2009	18	27.05.2009 10:11
CSS: Zwei DIV's voneinander abhängig machen	MaxDittmann	HTML, Usability und Barrierefreiheit	4	14.01.2009 14:45
Dynamische Checkboxen und MySQL-DB-Eintrag	PiqueNique	PHP-Fortgeschrittene	3	06.09.2008 11:36
[Erledigt] Max Anzahl Checkboxen	Hu5eL	JavaScript, Ajax und mehr	2	25.06.2008 15:37
Checkboxen und PHP	errox	PHP Tipps 2008	3	09.12.2007 21:23
Zustand der Checkboxen auslesen	Pimbolie1979	PHP Tipps 2007	4	10.07.2007 20:39
Aktivieren einer Checkbox aktiviert viele andere Checkboxen	buggybugga	HTML, Usability und Barrierefreiheit	3	12.03.2007 16:23
checkboxen	wizzardxx	PHP Tipps 2005-2	7	16.10.2005 22:58
(inhalte) der checkboxen aus mysql auslessen		PHP Tipps 2005-2	4	07.06.2005 14:02
Problem mit auslesen von Checkboxen		PHP Tipps 2005	2	08.03.2005 20:10
Umfrage-Formular mit Checkboxen und MySQL		PHP Tipps 2004-2	10	26.11.2004 18:20
$_POST und nicht geklickte Checkboxen		PHP Tipps 2004	5	29.09.2004 21:41
Checkboxen value übergeben ??		PHP Tipps 2004	15	15.08.2004 23:17

21.03.2011, 19:09
hstefan Benutzer Registriert seit: 04.11.2010 Beiträge: 40 PHP-Kenntnisse: Anfänger	[Erledigt] Mehrere Checkboxen abhängig voneinander Hallo mal wieder, ich benötige ein Formular mit diversen Checkboxen. Diese Checkboxen sollen zum Teil abhängig voneinander sein. Bsp. Checkbox 2 und 3 sollen von Checkbox 1 abhängig sein, Checkbox 5 und 6 sollen von Checkbox 4 abhängig sein. Mit "abhängig sein" meine ich, dass die Checkboxen nicht anwählbar sind (Disabled), wenn die Hauptbox nicht aktiv ist. Meine Kenntnisse in Javascript sind nicht so gut. Hab ich soweit auch hinbekommen aber: Checkbox 4 darf nicht anklickbar sein wenn Checkbox 1 checked ist. Daran scheiter ich momentan. PHP-Code: <?php $id1 = '1'; $id2 = '2'; ?> <script language="javascript" type="text/javascript"> function checkbox1(checked,auswahl1) { if (checked == true) { document.Form.elements['wert1[' + auswahl1 + ']'].disabled=false; document.Form.elements['wert2[' + auswahl1 + ']'].disabled=false; } else { document.Form.elements['wert1[' + auswahl1 + ']'].disabled=true; document.Form.elements['wert2[' + auswahl1 + ']'].disabled=true; } } function checkbox2(checked,auswahl2) { if (checked == true) { document.Form.elements['wert3[' + auswahl2 + ']'].disabled=false; document.Form.elements['wert4[' + auswahl2 + ']'].disabled=false; } else { document.Form.elements['wert3[' + auswahl2 + ']'].disabled=true; document.Form.elements['wert4[' + auswahl2 + ']'].disabled=true; } } </script> <form name="Form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <input type="checkbox" name="auswahl1[]" value="<?php= $id1; ?>" onclick="checkbox1(this.checked , '<?php= $id1; ?>');" /> 1. <blockquote> <input type="checkbox" name="wert1[<?php= $id1; ?>]" value="1" disabled="disabled" /> 1.1 <br /> <input type="checkbox" name="wert2[<?php= $id1; ?>]" value="1" disabled="disabled" /> 1.2 </blockquote> <input type="checkbox" name="auswahl2[]" value="<?php= $id2; ?>" onclick="checkbox2(this.checked , '<?php= $id2; ?>');" /> 2. <blockquote> <input type="checkbox" name="wert3[<?php= $id2; ?>]" value="1" disabled="disabled" /> 2.1 <br /> <input type="checkbox" name="wert4[<?php= $id2; ?>]" value="1" disabled="disabled" /> 2.2 </blockquote> <input type="submit" name="submit" /> </form> <?php if(isset($_POST["submit"]) AND isset($_POST["wert1"]) AND !isset($_POST["wert2"])) { echo "Auswahl 1.1"; } if(isset($_POST["submit"]) AND !isset($_POST["wert1"]) AND isset($_POST["wert2"])) { echo "Auswahl 1.2"; } if(isset($_POST["submit"]) AND !isset($_POST["wert1"]) AND !isset($_POST["wert2"])) { echo "Keine Auswahl"; } if(isset($_POST["submit"]) AND isset($_POST["wert1"]) AND isset($_POST["wert2"])) { echo "Doppelte Auswahl nicht möglich."; } ?> Vielen Dank.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.03.2011, 19:32
m0dpad Benutzer Registriert seit: 20.03.2011 Beiträge: 49 PHP-Kenntnisse: Fortgeschritten	Hallo, Verstehe nicht ganz was du willst, bzw. wenn ich es richtig interpretiere hast du ein Javascript Problem und dann bist du in der falschen Kategorie. Prüfen ob eine Checkbox "checked" ist eigentlich ganz einfach, so (z.B.) greifst du drauf zu : Code: document.getElementById("id").checked und dann halt auf den Wert wahr oder falsch testen. __________________ Staticfloat

21.03.2011, 20:34
hstefan Benutzer Registriert seit: 04.11.2010 Beiträge: 40 PHP-Kenntnisse: Anfänger	Hi m0dpad, stimmt, bin falsch abgebogen - gehört natürlich verschoben. Also in meinem Formular sind 6 Checkboxen, die 1. und die 4. Checkbox sollen abhängig voneinander sein. Nur eine von beiden darf aktiv sein, die andere wird (wenn nicht aktiv) disabled. Ich hab das ja schon ein wenig zusammengebastelt (google-sei-dank) aber komme nicht ganz zum gewünschtem Ergebnis.

21.03.2011, 21:18
daemonTutorials Benutzer Registriert seit: 08.02.2011 Beiträge: 37 PHP-Kenntnisse: Fortgeschritten	Da müsstest du eine lange IF-ELSE IF-ELSE Schleife bauen, diese überprüft jeder Bedingung! Das dauert ziemlich lange. Deswegen würde ich vorschlagen, diese Checkboxen einfach auszublenden und anzuzeigen wenn die angebundene Checkbox aktiv ist, also wenn 1 aktiv ist, soll gleich 4 angezeigt werden! Etwa so: Code: if (document.getElementById('check1').checked) /* Hier könnten noch andere Bedingungen rein, etwa das noch Checkbox 5 aktiv sein muss! */ { document.getElementById('check4').disabled=false; } __________________ MfG DaemonTutorials - hoffe ich habe geholfen! Mitwirkend: http://bogensport-lingen.de

21.03.2011, 22:02
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Benutz doch jQuery. Da kannst Du auch effektiv Gruppen von Elementen ansprechen, disablen.. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

23.03.2011, 08:37
hstefan Benutzer Registriert seit: 04.11.2010 Beiträge: 40 PHP-Kenntnisse: Anfänger	Da ich (wie ich schon geschrieben habe) mich nicht viel mit Javascript auskenne und auch jQuery-Anfänger bin habe ich es jetzt so gelöst, dass ich die entsprechenden Checkbox + Text ausgeblendet habe. Vielen Dank daemonTutorials.