HTML DOM Input Radio-Objekt-HTML-Tutorial-php.cn

HTML DOM Input Radio-Objekt

WBOY

Freigeben： 2023-08-30 13:45:02

nach vorne

1082 Leute haben es durchsucht

Das

HTML-DOM-Eingabe-Radioobjekt ist mit einem -Element vom Typ „Radio“ verknüpft. Mit den Methoden createElement() und getElementById() können wir Eingabeelemente mit Radiotyp erstellen und darauf zugreifen.

Eigenschaften

Das Folgende sind die Eigenschaften des Eingabe-Radio-Objekts: p>

NameErforderlichTypeValue Legt die Value-Eigenschaft des Optionsfelds fest oder gibt sie zurück. Erstellen Sie ein Eingabefunkobjekt. BeispielDies erzeugt die folgende Ausgabe: −Denken Sie daran, dass setAttribute() ein Attribut erstellt und einen Wert zuweist, wenn das Attribut zuvor nicht vorhanden ist. Abschließend fügen wir mithilfe der appendChild()-Methode am Dokumentkörper ein Eingabeelement vom Typ Radio als untergeordnetes Element des Dokumentkörpers an -

<button type=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>

Nach dem Login kopieren

Sr.Nr.: Eigenschaften und Beschreibung:	1: Auto. Fokus: Setzt oder gibt zurück, ob das Radio Die Schaltfläche Seite erhält beim Laden automatisch den Fokus.
2	Überprüft Setzt den Status der ausgewählten Optionsschaltfläche zurück oder gibt diesen zurück 's Attribut-Standardwert p>
4	defaultValue Legen Sie den Standardwert des Optionsfelds fest oder geben Sie ihn zurück.
5	Deaktiviert Legt fest oder gibt zurück, ob das Optionsfeld deaktiviert ist.
6 Optionsfeld	7
Legt den Namensattributwert des Optionsfelds fest oder gibt ihn zurück.	p> 8
Legt fest oder gibt zurück, ob die Überprüfung des Optionsfelds vor dem Absenden des Formulars erzwungen werden soll.	9
Gibt den Formularelementtyp des Optionsfelds zurück.	10
Syntax Das Folgende ist die Syntax:
var R = document.createElement(“INPUT"); R.setAttribute("type", "radio"); Nach dem Login kopieren	Sehen wir uns ein Beispiel für die Eingabe eines Radioauswahlobjekts an – Live-Demo <!DOCTYPE html> <html> <head> <script> function createRadio() { var R = document.createElement("INPUT"); R.setAttribute("type", "Radio"); document.body.appendChild(R); } </script> </head> <body> <h1>Input radio object</h1> <p>Create an input field with type radio by clicking the below button</p> <button type=”button” onclick="createRadio()">CREATE</button> <br><br> Mango: </body> </html> Nach dem Login kopieren Ausgabe
	Klicken Sie auf die Schaltfläche ERSTELLEN. − Im obigen Beispiel erstellen wir eine Schaltfläche mit dem Namen CREATE, die die Methode „createRadio()“ ausführt, wenn der Benutzer darauf klickt. Die Methode „createRadio()“ verwendet die Methode „createElement()“ des zu erstellenden Dokumentobjekts Übergabe von „INPUT“ als Parameter Element. Das neu erstellte Eingabeelement wird der Variablen R zugewiesen und mit der Methode setAttribute() erstellen wir ein Typattribut mit einem Wert radio.

Das obige ist der detaillierte Inhalt vonHTML DOM Input Radio-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!