2017-04-18 4 views
0

Ich versuche zu testen, ob ein Kontrollkästchen aktiviert ist oder nicht ich diese Lösung gefunden, aber ich bekomme nichtsWie kann man wissen, ob ein Kontrollkästchen aktiviert ist

if(document.getElementById('checkbox-1').checked) { 
 
    alert("checked"); 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox">

+2

Doppelte http://stackoverflow.com/questions/2204250/check-if- checkbox-is-checked-with-jquery – ProgrammerV5

+2

Mögliches Duplikat von [Check, wenn das Kontrollkästchen mit jQuery aktiviert ist] (http://stackoverflow.com/questions/2204250/check-if-checkbox-is-checked-with-jquery) – ProgrammerV5

+4

Es gibt kein "Ereignis", um dieses JavaScript auszulösen. Vielleicht sollte das passieren, wenn das Kontrollkästchen aktiviert ist oder nicht? auf 'ändern' vielleicht? – sheriffderek

Antwort

1

Sie müssen Klicken Sie einmal auf das Kontrollkästchen, um eine Funktion aufzurufen, die die gewünschte Aufgabe ausführt.

Beispiel, wie Sie es tun können: -

function checkClick(){ 
 
    if(document.getElementById('checkbox-1').checked) { 
 
    alert("checked"); 
 
    } 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onclick="checkClick()"> <!-- trigger click event using onclick and calling a function -->

Hinweis: - Sie können nach Ihrem Wunsch Funktionsnamen ändern.

+4

In der modernen Zeit sollten wir die Verwendung von Inline-Ereignishandlern nicht ermutigen. Auch diese Frage ist ein Duplikat von vielen, vielen anderen. –

+0

Vielen Dank, dass für mich gearbeitet – Amal

+0

@Amon froh, Ihnen zu helfen. :) :) –

0

Sie müssen das Ereignis auslösen. Für das Kontrollkästchen würde das Ereignis onchange ausgelöst werden, wenn sich der Wert ändert. So müssen Sie einen Event-Handler anschließen, die eine Funktion Verweis oder Funktionsdeklaration wie onchange="checkboxChanged()

sein kann

function checkboxChanged(){ 
 
if(document.getElementById('checkbox-1').checked) { 
 
\t \t alert('checked'); 
 
\t \t } 
 
    else{ 
 
     alert('Not checked'); 
 
    } 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onchange="checkboxChanged()"/>

+0

Danke, es hat funktioniert – Amal

Verwandte Themen