无法使用 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 一样。它会工作。