Javascript "Checkbox" Objekt
Wie kann man eine "Checkbox" Auswahl mit Hilfe von Javascript ändern?
oder
Was sind die mit "Checkbox" verbundenen Ereignisse?
Erklärung
Grundlagen von HTML "Checkbox" Form "Checkbox" Objekt :
Die folgende Syntax wird resp_codes "Checkbox" Objekt in Javascriptbekommen.
Syntax: document.formname.checkboxname
Code Beispiel: <Formname=Testform>
<Eingabename=cb1 Wert=Testtyp=checkbox>
<Eingabename=cb2 Wert=Testtyp2=checkbox>
</form>
<script language="javascript">
var cbobject= document.testform.cb1;
</script>
Das Objekt "cbobject" ist eine Matrix des "Checkbox" Elements. Um die erste "Checkbox" zu verwenden, sollen wir "cbobject[0]" aufrufen, für die zweite "cbbobject[1]" usw. Hier sind die Ereignisse, die DOM Merkmale und Methode, die mit "Checkbox" Element verbunden sind.
Ereignishandlern: Verbunden mit Formularten "Checkbox":
Alle untengenannte Beispiele verwenden eine Javascript Outputfunktion.
<script language=javascript>
Funktion output()
{
Warnung("Testcheckboxereignisse");
}
</script>
DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um "Checkbox" Merkmale in Javascript zu bekommen und zu ändern.
Die untengenannte Beispiele sind auf der Form basiert
<Formname=testb>
<Eingabename=mycb type=checkbox value=111> box1
<Eingabename=mycb type=checkbox value=222> box2
</form>
| DOM Merkmal | Beschreibung | Beispiel |
| checked | Verwendet, um "Checkbox" zu überprüfen oder auszuwählen. Jedes Element muss individuell geprüft sein. Das Element "if" ausgewählt, kehrt richtig zurück, sonst falsch. | prüfen:
var ss = document.testb.mycb[0].checked;
var ss1 = document.testb.mycb[1].checked;
testen:
document.testb.mycb[0].checked = true;
|
| defaultChecked | Verwendet, um zu überprüfen, ob die "Checkbox" stanresp_coderdmäßig ausgewählt wird | bekommen:
var ss = document.testb.mycb[0].defaultChecked;
|
| form | Verwendet, um dem Elternknoten (Formobjekt) dieser "Checkbox" zu bekommen | bekommen:
var ss = document.testb.mycb[0].form;
|
| name | Verwendet, um den "Checkbox" Namen zu bekommen | bekommen:
var ss = document.testb.mycb[0].name;
|
| type | Verwendet, um Formulart zu bekommen | bekommen:
var ss = document.testb.mycb[0].type;
|
| value | Verwendet, um den "Checkbox" Wert zu setzen oder zu bekommen | bekommen:
var ss = document.testb.mycb[0].value;
einstellen:
document.testb.mycb[0].value = "testy";
|
DOM Methoden:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Methoden, die verwendet werden können, um dynamische Änderungen wie dynamische "Checkbox" Auswahl mit Hilfe von Javascript zu machen.
| DOM Methode | Beschreibung | Beispiel |
| click() | Verwendet, um eine "Checkbox" dynamisch geprüft zu machen | klicken:
document.testb.mycb.click();
|
| blur() | Verwendet, um die "Checkbox" dynamisch zu werschwommen | verschwommen:
document.testb.mycb.blur();
|
| focus() | Verwendet, um den Fokus auf der "Checkbox" dynamisch zu bekommen | fokussieren:
document.testb.mycb.focus();
|
Beispiel: "Checkbox" resp_codezu bringen, auf Maus hinüber auszuwählen
<script language=javascript>
Funktion cbevent()
{
var xx = document.xx.cbtest;
xx.checked = true;
}
</script>
<Formname=xx>
<Eingabetyp=checkbox name=cbtest onMouseOver="cbevent()"> Checking
</form>
Ergebnis:
DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um "Checkbox" Merkmale in Javascript zu bekommen und zu ändern.
Die untengenannte Beispiele sind auf der Form basiert