Oncheck-Listener für Kontrollkästchen in Javascript

Lesezeit: 2 Minuten

Gottfried Tetteh

Ich habe Code wie diesen am Ende meines Formulars.

<p>
  <input type="checkbox" id="agreed">
  I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy
</p>
<input type="submit" id="submit" disabled class="formbutton button-primary" value="Go">

Ich möchte, dass dies ein Listener in JavaScript ist, um die Schaltfläche „Senden“ aktivieren zu können. Ich weiß, dass es vielleicht falsch ist oder so, aber mein JavaScript sieht ungefähr so aus

function track() {
    if ( document.getElementById("agreed").checked==true ) {
        document.getElementById("submit").removeAttribute("disabled");
    } else {
        document.getElementById("agreed").checked==false
    }
};

Erstellen Sie eine JS-Geige, um zu zeigen, was Sie tun möchten

– zgr024

29. Juli 2015 um 16:08
Wie wäre es, wenn Sie das Skript einfach aufrufen, wenn Sie das Kontrollkästchen aktivieren? Siehe stackoverflow.com/questions/3197702/…

– thllbrg

29. Juli 2015 um 16:08
Die schmutzige Art… <input type="checkbox" id="agreed" onChange="track()"> und Ihre Zuweisung zu false benötigt ein =, nicht 2 … document.getElementById("agreed").checked=false

– zgr024

29. Juli 2015 um 16:09
Wenn es funktioniert, ist es nicht falsch, es könnte nur schwierig zu warten sein, wenn Sie viele Überprüfungen durchführen müssen.

– html_programmer

29. Juli 2015 um 16:15 Uhr

Lvkz

Sie können dies für die Eingabe tun:

<input type="checkbox" onchange="handleChange(this);">Checkbox

Und das zum Aktivieren der Schaltfläche:

function handleChange(checkbox) {
    if(checkbox.checked == true){
        document.getElementById("submit").removeAttribute("disabled");
    }else{
        document.getElementById("submit").setAttribute("disabled", "disabled");
   }
}

Hey Mann, danke für deine Antwort. Dies ist mein erstes Projekt mit Codierung und so … ich probiere es für einen Freund aus. Danke trotzdem, es hat funktioniert.

– Gottfried Tetteh

29. Juli 2015 um 17:05 Uhr

Janty

Versuchen Sie es unten mit jQuery für Ihre Anforderungen.

$('#checky').click(function(){
     
    if($(this).attr('checked') == false){
         $('#postme').attr("disabled","disabled");   
    }
    else {
        $('#postme').removeAttr('disabled');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<input type="checkbox" checked="checked" id="checky"><a href="#">I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy</a>
<br>
<input type="submit" id="postme" value="submit">

Wenn Sie JavaScript verwenden, lesen Sie bitte Folgendes

14514500cookie-checkOncheck-Listener für Kontrollkästchen in Javascript

#dom #html #Javascript