选中switchery复选框以取消选中

turn switchery checkbox to uncheck

本文关键字：取消 switchery 复选框 选中      更新时间：2023-09-26

我现在使用switchery复选框，如果我单击按钮，如何使用jquery取消选中或选中它，如

$("button").click(function(){
    //uncheck switchery
});

使用"checked"属性。编辑：我明确地触发了转换。

参考代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../../lib/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="lib/switchery.min.js"></script>
    <link rel="stylesheet" href="lib/switchery.min.css">
</head>
<body>
<p><input type="checkbox" class="js-switch" checked /></p>
<p><input type="button" class="js-button" value="get status"></p>
<p><input type="button" class="toggle-button" value="toggle"></p>
<script type="text/javascript">
    var checkbox = document.querySelector('.js-switch');
    var switchry = new Switchery(checkbox, { size: 'small' });
    $('.js-button').click(function (){
        alert(checkbox.checked);
    });
    $('.toggle-button').click(function (){
        checkbox.checked = !checkbox.checked;
        switchry.handleOnchange(checkbox.checked);
    });
</script>
</body>
</html>

我已经尝试了所有方法，但只有一种解决方案是可能的。

$('.switcher').prop('checked', true);

或

$('.switcher').prop('checked', false);
相关文章：