Kann nicht Zustand des Schalters mit Javascript oder jquery

Question

Ich brauchte einen Schalterknopf für ein Projekt von mir, also suchte ich und fand eine einfache Lösung bei w3schools. Das einzige Problem ist, dass ich den Status des Schalters jetzt nicht abfangen kann. Ich habe eine Funktion erstellt, die den Wert eines Eingabefeldes ändert, wenn der Schalter ein- oder ausgeschaltet wird.

var checker = false; 

function poly_marker_ctrl(categ, t) { 
    if (checker == false) { 
     $("display_result").val('is checked'); 
     checker = true; 
    } else { 
     $("display_result").val('is unchecked'); 
     checker = false; 
    } 
} 

Aber das scheint nicht zu funktionieren. Hier ist das Beispiel auf jsfiddle. Danke für Ihre Zeit.

Answer 1

Versuchen Sie es mit diesem.

HTML-Abschnitt:

<div class="col-md-3"> 
    <label class="switch"> 
     <input type="checkbox"> 
     <div class="slider round"></div> 
    </label> 
    <input id="display_result" type="text" value="is unchecked" readonly> 
<div> 

In Skript:

var switchButton = 'off'; 
$(".slider").click(function(){ 
    if(switchButton == 'off'){ 
     switchButton = 'on';  
     $('#display_result').val('is checked'); 
    }else{ 
     switchButton = 'off'; 
     $('#display_result').val('is unchecked'); 
    } 
}); 

und CSS gleiche wie Sie in fiddle.It gezeigt haben, funktioniert.