无法使用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与提琴中显示的相同，它将起作用。