German
Sign in / Sign up

Javascript Radioknopfobjekt

Wie kann man Radioknopfauswahl mit Hilfe von Javascript ändern ?
oder
Welche sind die mit Radioknopf verbundenen Ereignisse?

Erklärung

Grundlagen des HTML Formradioknopfs
Radioknopfobjekt :

Die folgende Syntax bekommt resp_codes Radioknopfobjekt in Javascript


Syntax: document.formname.radioname

Code Beispiel:
<form name=testform>
<Eingabename=rb1 Wert=Testtyp=radio>
<Eingabename=rb2 Wert=Testtyp 2=radio>
</form>
<script language="javascript">
var rbobject= document.testform.rb1;
</script>


Das Objekt "cbobject" ist eine Matrix des Radioelements. Um den ersten Radioknopf 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 Radioknopfelement verbunden sind.


Ereignishandler: Verbunden mit Formartenradioknopf:
Alle untengenannten Beispieleverwenden eine Output Javascript Funktion


<script language=javascript>
Funktion output()
{
Warnung("Radioknopfereignisse testen");
}
</script>

Ereignishandler Beschreibung Beispiel
onMouseOver Dies wird aufgerufen, wenn eine Maus über dem Radioknopf versetzt wird<input type=radio onMouseOver="output()">
Ergebnis: CB1
onMouseDown Dies wird aufgerufen, wenn eine Maus auf den Auswahlknopf heruntergedrückt wird <input type=radio onMouseDown="output()">
Ergebnis: CB1
onMouseUp Dies wird aufgerufen, wenn eine Maus auf resp_codes Radio heruntergedrückt und freigegeben wird<input type=radio onMouseUp="output()">
Ergebnis: CB1
onClick Dies wird aufgerufen, wenn ein Mausklick auf dem Radio gemacht wird<input type=radio onClick="output()">
Ergebnis: CB1
onBlur Führt einen Code aus, wenn der Radioknopf Fokus wegen des Tabulators verliert<input type=radio onBlur="output()">
Ergebnis: CB1
onFocus Führt einen Code aus, wenn der Radioknopf Fokus mit Hilfe des Tabulators verliert<input type=radio onFocus="output()">
Ergebnis: CB1


DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um Radioknopfmerkmale in Javascript zu bekommen und zu ändern.
Die untene Beispiele sind auf der Form basiert


<Formname=testrb>
<Eingabename=myrb1 Typ=Radiowert=xxx> Prüfen 1
<Eingabename=myrb2 Typ=Radiowert=xxx> Prüfen 2
</form>

DOM Merkmal Beschreibung Beispiel
geprüft Verwendet, um die Auswahl des Radioknopfs zu überprüfen oder auszuwählen prüfen:
var ss = document.testb.myrb[0].checked;
einstellen:
document.testb.myrb[1].checked = true;
This will select second element.
stanresp_coderd geprüft

Verwendet, um zu überprüfen, ob der Radioknopf stanresp_coderdmäßiggeprüft ist

 bekommen:
var ss = document.testb.myrb[0].defaultChecked;
Form

Verwendet, um den Elterknoten ( Formobjekt) dieses Radioknopfs zu holen

 bekommen:
var ss = document.testb.myrb[0].form;
Name Verwendet, um Radioknopfnamen zu bekommen bekommen:
var ss = document.testb.myrb[0].name;
Typ Verwendet, um Formulart zu bekommen bekommen:
var ss = document.testb.myrb[0].type;
Wert Verwendet, um Radioknopfwert zu setzen oder zu bekommen bekommen:
var ss = document.testb.myrb[0].value;
einstellen::
document.testb.myrb[0].value = "testy";


DOM Methoden:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Methoden, die verwendet werden können, um dynamische Änderungen wie dynamische Radioknopfauswahl mit Hilfe von Javascript zu machen.

DOM Methode Beschreibung Beispiel
click() Verwendet, um einen Radioknopf dynamisch geprüft zu machen klicken:
document.testb.myrb.click();
blur() Verwendet, um den verschwommenen Radioknopf dynamisch zu machen verschwimmen:
document.testb.myrb.blur();
focus() Verwendet, um Fokus auf dem Radioknopf dynamisch zu bekommen fokussieren:
document.testb.myrb.focus();

Beispiel: Radioknopf resp_codezu bringen, auf Maus hinüber auszuwählen
<script language=javascript>
Funktion rbevent()
{
var xx = document.xx.rbtest;
xx.checked = true;
}
</script>

<Formname=xx>
<Eingabetyp=Radioname=rbtest onMouseOver="rbevent()"> Checking
</form>

Ergebnis:
Checking



Das Objekt "cbobject" ist eine Matrix des Radioelements. Um den ersten Radioknopf 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 Radioknopfelement verbunden sind.

PreviousNext

Java-Script Tutoriel