✔ Eltern-Checkbox checked

[wenco]

Hallo,
ich habe ein Checkbox = "Alle", mit der ich die untergeordneten Checkboxen (A, B, C) zusammen ein und ausschalten kann. (Das macht die Funktion check_all.)

<input onclick="check_all(\'kat[]\', this)" type="checkbox" /> Alle
<input type="checkbox" name="kat[]" value="A" /> A
<input type="checkbox" name="kat[]" value="B" /> B
<input type="checkbox" name="kat[]" value="C" /> C

Ich möchte gern, wenn ich z.B. "C" abwähle, dass auch "Alle" nicht mehr "checked" ist und wenn ich "C" wieder dazuklicke, auch "Alle" wieder "checked" ist. Also immer wenn alle (A, B, C) ausgewählt sind, soll auch Alle aktiv sein und wenn nur eins abgewählt wird, soll auch Alle abgewählt werden.

Für Javascript-Könner bestimmt ein Kinderspiel?

 

[SpiceLab]

(Das macht die Funktion check_all.)

Preisfrage: "Und wie lautet Deine Definition dieser Funktion?"

 

[wenco]

Die ist nicht von mir die ist gegoogelt!

function check_all(name, el){
  if(!el || !el.form) return alert('falscher Parameter');
  var box = el.form.elements[name];
  if(!box) return alert(name + ' existiert nicht!');
  if(!box.length) box.checked = el.checked; else
  for(var i = 0; i < box.length; i++)  box[i].checked = el.checked;
}

 

[SpiceLab]

Die ist nicht von mir die ist gegoogelt!

Auch gegoogelt: http://jsbin.com/imiqoc/2/edit?html,output

 

[wenco]

Cool, übernehme ich.
Danke!

 

[SpiceLab]

Achte bei der Übernahme darauf, dass das Script auf dem Framework jQuery basiert

 

[wenco]

Ja, danke, ich benutze jQuery.

 

[SpiceLab]

✔ - checked