如何在JavaScript中获取开关切换状态（真/假）

Question

我有一个开关切换，其中包含以下代码，遵循我类似地执行的StackOverflow问题之一

这是添加文本“ ON”和“ OFF”以切换按钮的方法

 <label class="switch">
 <input type="checkbox" id="togBtn" value="false" name="disableYXLogo">
 <div class="slider round"></div>
 </label>

在CSS中我禁用输入复选框

.switch input {display:none;} 那么我将如何获取该开关切换按钮的真/假值。我尝试了这个，但是对我不起作用

$("#togBtn").on('change', function() {
if ($(this).is(':checked')) {
    $(this).attr('value', 'true');
}
else {
   $(this).attr('value', 'false');
}});

如何获取切换开关按钮的js中的check / uncheck或true / false值

Answer 1

您可以通过 JavaScript 轻松实现这一点：

var isChecked = this.checked;
console.log(isChecked);

或者如果您的输入有 id='switchValue'

var isChecked=document.getElementById("switchValue").checked;
console.log(isChecked);

如果开关打开，则返回 true，如果开关关闭，则返回 false。

Answer 2

jQuery if条件将为您提供：

var switchStatus = false;
$("#togBtn").on('change', function() {
    if ($(this).is(':checked')) {
        switchStatus = $(this).is(':checked');
        alert(switchStatus);// To verify
    }
    else {
       switchStatus = $(this).is(':checked');
       alert(switchStatus);// To verify
    }
});