使用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顯示會工作。