TELIGEN TEXT Wenn das Kontrollkästchen in JavaScript überprüft wird?

Die Diagrammoption wird jetzt überprüft!

Die Zeilenoption wird jetzt überprüft!

Hier deklarieren Sie eine Funktion namens “Checkfunktion ()”. Wenden Sie in seiner Definition die Bedingung auf jedes der Kontrollkästchen mit Hilfe des “anüberprüft”Eigenschaft, indem Sie direkt auf ihre ID zugreifen und die entsprechende Nachricht in ähnlicher Weise auch mit der abgerufenen ID der zugewiesenen Absätze verwendenAnzeige" Eigentum:

Die entsprechende Ausgabe ist:

Aus der Ausgabe kann deutlich beobachtet werden, dass ein spezifischer Text angezeigt wird, wenn ein bestimmtes Kontrollkästchen ausgewählt ist.

Beispiel 2: Text anzeigen, wenn das Kontrollkästchen in JavaScript mithilfe der geprüften Eigenschaft mit der InnerText -Eigenschaft überprüft wird
Diese Eigenschaft kann angewendet werden, um auf die angegebenen Kontrollkästchen zuzugreifen und den Benutzer über die geprüfte Option im DOMM -Modell (Dokumentobjektmodell) zu informieren.

Beispiel

Erstens geben Sie in ähnlicher Weise die folgenden Überschriften und Kontrollkästchen mit dem angegebenen “anAusweis" und ein "ONCLICK”Ereignisumleitungen zur Funktion Checkbox ():

Text anzeigen, wenn das Kontrollkästchen aktiviert ist

Python


Java


JavaScript

Danach definieren Sie eine Funktion namens “CheckBox ()”. Die folgende Funktion im folgenden Schritt holt die ID der angegebenen Kontrollkästchen mit der “abdokumentieren.GetElementById ()" Methode.

Wenden Sie außerdem eine Überprüfung auf jedes der Kontrollkästchen an. Wenn beispielsweise ein bestimmtes Kontrollkästchen überprüft wird, wird die entsprechende Nachricht gegen jedes Kontrollkästchen über die “auf der DOM angezeigtInnerText" Eigentum:

Funktion CheckBox ()
Get1 = Dokument.GetElementById ("check1")
Get2 = Dokument.GetElementById ("check2")
Get3 = Dokument.GetElementById ("check3")
Get4 = Dokument.GetElementById ("msg")
if (Get1.geprüft == true)
Get4.InnerText = "Python Sprache ausgewählt"

sonst wenn (Get2.geprüft == true)
Get4.InnerText = "Java -Sprache ausgewählt"

sonst wenn (Get3.geprüft == true)
Get4.InnerText = "JavaScript -Sprache ausgewählt"

Ausgang

Methode 2: Text anzeigen, wenn das Kontrollkästchen in JavaScript mit JQuery aktiviert ist

Dieser spezielle Ansatz kann anwendbar sein, indem eine “einbezogen werden“JQueryBibliothek und Anwendung ihrer Methoden.

Beispiel 1: Text anzeigen, wenn das Kontrollkästchen in JavaScript mithilfe von JQuery IS () Methode aktiviert ist
Diese Methode kann angewendet werden, um eine Bedingung auf eine der Kontrollkästchen anzuwenden und den Benutzer entsprechend zu benachrichtigen.

Der erste Schritt wird darin bestehen, die “einzuschließen“JQuery" Bibliothek:

Geben Sie nun die Kontrollkästchen an, die sich auf drei verschiedene Optionen beziehen. Ein "ONCLICKDas Ereignis ist an jedes Kontrollkästchen beigefügt, um das Kontrollkästchen auf das Kontrollkästchen () aufzurufen:

Google


LinuxHint


Youtube

Definieren Sie schließlich eine Funktion namens “Checkfunktion ()”. Hier wenden Sie eine an “Oder (||)" Zustand. Diese Funktion wird so ausgeführt, dass ein Alarmdialogfeld den Benutzer darüber informiert. Im anderen Fall die “andersBedingung wird ausgeführt:

Funktion checkfunction ()
if ($ ('#check1') || ('#check2') || ('#check3').wird geprüft'))
alarm ("Ein Kontrollkästchen wird geprüft");

anders
alarm ("Kontrollkästchen nicht überprüft");

Ausgang

Beispiel 2: Text anzeigen, wenn das Kontrollkästchen in JavaScript mit JQuery Ready () und Click () -Methoden aktiviert ist
Der "bereit()”Methode gibt an, was passiert, wenn ein bereiter Ereignis auftritt und das Dokumentobjektmodell geladen wird. Die Methode „Click ()“ löst sich andererseits die Funktion aus, wenn ein Klickereignis auftritt. Diese Methoden können implementiert werden, um auf das Kontrollkästchen Zugriff zu klicken und den Kontrollkästchen -Text und den entsprechenden Wert gegen ihn anzuzeigen.

Syntax

$ (Dokument).Bereit (Funktion)

In der gegebenen Syntax “,“Funktion”Bezieht sich auf die Funktion, die nach dem Laden des DOM ausgeführt werden soll.

$ (Selektor).Klicken Sie auf (Funktion)

Auch hier, die “Funktion”Zeigt auf die spezifische Funktion, die ausgeführt werden muss, wenn das Klickereignis auftritt.

Implementierung
Fügen Sie zunächst die folgende JQuery -Bibliothek ein:

Als nächstes innerhalb der “”Tag, geben Sie die folgenden Beschriftungen und Eingangstypen für jedes der Kontrollkästchen an:

Programmiersprachen:

Python

JavaScript

Java

Erstellen Sie danach eine Schaltfläche mit dem angegebenen “Klasse" Und "Ausweis”:

Ergebnis bekommen

Wenden Sie nun in der JQuery -Implementierung die anbereit() ”Methode so, dass beim Lasten der DOM die weiteren Schritte funktionsfähig werden. Wenden Sie im nächsten Schritt die anklicken()Methode und holen Sie die Kontrollkästchen nach ihren spezifischen Namen. Der "überprüftDie Eigenschaft hier sorgt dafür, dass das Kontrollkästchen überprüft wird und den entsprechenden Wert und Text des jeweiligen Kontrollkästchens mit der „val ()" Und "Text()”Methoden:

$ (Dokument).Ready (function ()
$ ('#outcome').klicken (function ()
$ ('input [name = "outcome"]: geprüft').jeder (function ()
Sei Value = $ (this).val ();
Sei text = $ ('label [für = "$ value"]')).Text();
Konsole.log ('Der Wert des Kontrollkästchens ist $ value');
Konsole.log ('Der Text des Kontrollkästchens ist $ text');
)
);
);

Ausgang

In diesem Artikel wurde die Methoden gezeigt, die verwendet werden können, um Text anzuzeigen, wenn ein Kontrollkästchen in JavaScript überprüft wird.

Abschluss

Um Text anzuzeigen, wenn ein Kontrollkästchen in JavaScript aktiviert ist, wenden Sie die “anüberprüftEigentum zusammen mit dem “AnzeigeEigenschaft zum Anzeigen der angegebenen Nachricht gegen das entsprechende Kontrollkästchen, das überprüft wird, oder mit der “InnerText„Eigenschaft zur Anzeige des entsprechenden Textes im DOM, sobald das Kontrollkästchen überprüft wird. Außerdem können Sie den Jquery -Ansatz mit dem “nutzenIst()"Methode zum Anwenden einer"ODER”Bedingung, um jedes Kontrollkästchen oder das zu bearbeitenbereit()" Und "klicken()Methoden zum Klicken auf das abgerufene Kontrollkästchen, sobald der DOM lädt. In diesem Blog wurde die Methoden zum Anzeigen von Text gezeigt, wenn ein Kontrollkästchen in JavaScript überprüft wird.