javascriptまたはjqueryでスイッチの状態を取得できません

Question

私のプロジェクトにはスイッチボタンが必要でしたので、w3schoolsで簡単なソリューションを検索して見つけました。唯一の問題は、今スイッチの状態を把握できないことです。 スイッチがオンまたはオフに切り替えられた場合、入力ファイルの値を変更する関数を作成しました。

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; 
    } 
} 

しかし、それはうまくいかないようです。 jsfiddleの例を示します。 お時間をいただきありがとうございます。

Answer 1

これを試してみてください。

HTMLセクション：スクリプトで

<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> 

：

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

とCSS同じあなたはfiddle.Itに示されているように動作します。