javascript - 如何在javascript中获取开关切换状态(真/假)

Question

我有一个开关切换器，它有以下代码，遵循我类似地做过的 StackOverflow 问题之一

这是 How to add the text "ON" and "OFF" to toggle button

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

在 css 中我禁用了输入复选框

.switch 输入{display:none;}那么我将如何获得该开关切换按钮的真/假值。我试过了，但它对我不起作用

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

我如何在 js 中为我的切换开关按钮获取选中/取消选中或真/假值

Answer 1

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