hansis

function checkAll(strID, checked){
  var arrChilds = document.getElementById(strID).childNodes;
 
 
  for(var i=0; i<arrChilds.length; i++){
    if(arrChilds[i].type == "checkbox"){
      arrChilds[i].checked = checked;
    }
  }
}

 
Checkbox Test
 
<form id="form1">
<input id="1" name="foo" type="checkbox" />a
<input id="2" name="foo2" type="checkbox" />b
<input id="3" name="foo3" type="checkbox" />c
<input id="4" name="foo4" type="checkbox" />d
<input onclick="checkAll(this.form.id,true)" type="button" value="+" />
<input onclick="checkAll(this.form.id,false)" type="button" value="-" />
<input onclick="reset()" type="button" value="reset" />
</form>

2 Responses to “JavaScript alle Checkboxen einer Form anhaken”

1. bier Says:
   September 9th, 2009 at 6:16 pm

   Ich hasse JavaScript
   Hat mich heute schonwieder 2 sinnlose stunden für ein wenig blödsinn gekostet….
   Gibt es egtl. keine gescheite IDE dafür (das wär’ doch ma was)?

2. Keks Says:
   September 10th, 2009 at 8:51 am

   Mhh Code einfärben kann jeder bessere Editor.
   Aber ne IDE ala Eclipse für Java (ja ich weiß es gibt Eclipse Plugins!!) wüsste ich nicht. Wenn dann auch nur gekoppelt mit nem WebEditor. Ansonsten würde das alles ja kahnen Sinn habbe!

   Was ich dir aber empfehlen kann ist die JavaScript Objekt/Klassen-referenz auf selfhtml: http://de.selfhtml.org/javascript/objekte/index.htm

   Die hilft schon mal!

   Dann, ein muss für jeden JS Entwickler ;), fire bug!

   Firebug mit F12 öffnen, das Element deiner wahl auswählen, im rechten Tab auf “DOM” klicken.

   Soo nun kannst du den DOM Baum einsehen -> hilft bei komplexen javascripts ungemein. Z.b. sieht man hier welche Elemente, Attribute, Kindelemente, uvm. ein Objekt besitzt!

Leave a Reply

Smilies