Checkboxen synchronisieren

[Weizentrinker]

Ich habe folgendes Problem:

Ich habe zwei Ansammlungen von checkboxen, die ich gerne synchronisieren würde:

<form name='form' method='post' action=''>
  <input name="obst1[]" type="checkbox" value="apfel">apfel<br> 
  <input name="obst1[]" type="checkbox" value="birne">birne<br>
  <input name="obst1[]" type="checkbox" value="banane">banane<br>
  <input name="obst1[]" type="checkbox" value="gurke">gurke<br>
<br><br><br>
  <input name="obst2[]" type="checkbox" value="apfel">apfel<br> 
  <input name="obst2[]" type="checkbox" value="birne">birne<br>
  <input name="obst2[]" type="checkbox" value="banane">banane<br>
  <input name="obst2[]" type="checkbox" value="gurke">gurke<br>
</form>

Sobald ich nun also den Apfel aus obst1[] anklicke, soll der Haken auch bei der checkbox Apfel aus obst2[] erscheinen. Umbenennung der checkboxen ist leider nicht möglich, da ich die Daten später als array per php auslesen möchte.

Wäre sehr glücklich über eine Starthilfe, da meine Ansätze bislang nicht funktioniert haben :-(

grüße Thomas

 

[Sven Mintel]

Zeig doch mal deine Ansätze

 

[Weizentrinker]

Ich habe erst einmal versucht nur jeweils zwei Checkboxen zu synchronisieren.

Das erste funktioniert, da ich die checkbox einfach benannt habe in obst2.

Sobald ich den Chechboxen ein arraynamen zugewiesen habe, klappt das Ganze nicht mehr.

Wie muss ich da ran gehen ?

<form name='form' method='post' action=''>

  <input name="obst1[]" type="checkbox" value="apfel" 
     onClick="document.form.obst2.checked = !(document.form.obst2.checked);">apfel<br> 

  <input name="obst1[]" type="checkbox" value="birne"
     onClick="document.form.obst2[].checked = !(document.form.obst2[].checked);">birne<br>

  <input name="obst1[]" type="checkbox" value="banane"
     onClick="document.form.obst2[1].checked = !(document.form.obst2[1].checked);">banane<br>
  <input name="obst1[]" type="checkbox" value="gurke">gurke<br>
<br><br><br>
  <input name="obst2" type="checkbox" value="apfel">apfel<br> 
  <input name="obst2[]" type="checkbox" value="birne">birne<br>
  <input name="obst2[1]" type="checkbox" value="banane">banane<br>
  <input name="obst2[]" type="checkbox" value="gurke">gurke<br>
</form>

 

[Sven Mintel]

Sobald ich den Chechboxen ein arraynamen zugewiesen habe, klappt das Ganze nicht mehr.

So klappt es :

document.form.elements['obst2[]'][0].........

das würde bspw. den 2. Apfel im Code deines 1. Postings finden

 

[Weizentrinker]

danke sven

der vollständige code sieht dann so aus, falls nochmal jemand nach so etwas sucht:

<script>

function wechseln(form, id) {

	if(form == 1) {
		document.form.elements['obst2[]'][id].checked = document.form.elements['obst1[]'][id].checked;
	} else {
		document.form.elements['obst1[]'][id].checked = document.form.elements['obst2[]'][id].checked;
	}
}


</script>





<form name='form' method='post' action=''>
  <input name="obst1[]" type="checkbox" value="apfel" onChange="wechseln(1,0);">apfel<br> 
  <input name="obst1[]" type="checkbox" value="birne" onChange="wechseln(1,1);">birne<br>
  <input name="obst1[]" type="checkbox" value="banane" onChange="wechseln(1,2);">banane<br>
  <input name="obst1[]" type="checkbox" value="gurke" onChange="wechseln(1,3);">gurke<br>
<br><br><br>
  <input name="obst2[]" type="checkbox" value="apfel" onChange="wechseln(2,0);">apfel<br> 
  <input name="obst2[]" type="checkbox" value="birne" onChange="wechseln(2,1);">birne<br>
  <input name="obst2[]" type="checkbox" value="banane" onChange="wechseln(2,2);">banane<br>
  <input name="obst2[]" type="checkbox" value="gurke" onChange="wechseln(2,3);">gurke<br>
</form>