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 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

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

Answer 2

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

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

或者如果您的输入内容包含id='switchValue'

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

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

Answer 3

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

或

$("#togBtn").on('change', function() { togBtn= $(this); togBtn.val(togBtn.prop('checked')); }

Answer 4

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

如何在javascript中获得切换切换状态（true / false）

4 个答案: