Wissen,   
wo es lang geht   


Checkbox und Javascript

Auf eine Checkbox wird in Javascript etwas anders zugegriffen als auf den Inhalt eines Eingabefeldes.

Diese Checkbox ist außerhalb einer <form> definiert
cbox
es kann über die ID darauf zugegriffen werden z.B.

mode=document.getElementById("cbox").checked;


Das Beispiel zeigt Ihnen auch die gesetzten Attribute der Checkbox.
Klicken Sie die cbox mit Firefox und IE an. Sie werden über die Anzahl der Attribute staunen.

line:  code : Checkbox abfragen
001:
002:
003:
004:
005:
006:
007:
008:
009:
010:
 <?php 
   cbox <input id="cbox" type="checkbox"   onclick="get_it();" >

   // -----------------------------------------------------------------------------
  function get_it() {
     var str= attrib("cbox"); // liefert alle Attribute des Elements
     alert(str);
     var mode=document.getElementById("cbox").checked;
     alert("cbox="+mode);
   }?>



Kreise aus



line:  code : Checkbox abfragen
001:
002:
003:
004:
005:
006:
007:
008:
009:
010:
011:
 <?php 
  <form  name="cb" action="">
     Kreise aus <input name="cb_toggle" type="checkbox"   onclick="toggle_it();" >;
    </form>


  // -----------------------------------------------------------------------------
  function toggle_it() {
     var mode=document.cb.cb_toggle.checked;
     alert("Checkbox = "+(mode?"true":"false"));
  } ?>



var mode=document.cb.cb_toggle.checked;

Liefert true, wenn die Checkbox angekickt ist



alert("Checkbox = "+(mode?"true":"false"));

Achtung : Die Klammer um (mode?"true":"false") ist erforderlich,
da + eine höhere Precedence als der Operator ? hat