通过代码更改Switchery复选框状态

Question

如何以编程方式将jQuery Switchery复选框状态从选中状态更改为未选中状态(反之亦然)？

我尝试在checkbox元素上使用global_switch_sound.prop('checked', true)，但它不起作用。

HTML：

<input id="sound-active-input" type="checkbox"  />

JavaScript：

 global_switch_sound = new Switchery(document.querySelector('#sound-active-input'));

Answer 1

试试这个：

$('.switchery').click();

它应该触发一个点击并切换。或者这样：

$('.switchery').trigger('click');

Answer 2

如果有人像我一样，想要一个超越DOM“.click()”的解决方案。以下函数接受Switchery对象和一个布尔值，以指示是否应选中或取消选中开关(分别为true/ false )：

function setSwitchery(switchElement, checkedBool) {
    if((checkedBool && !switchElement.isChecked()) || (!checkedBool && switchElement.isChecked())) {
        switchElement.setPosition(true);
        switchElement.handleOnchange(true);
    }
}

示例用法：

var mySwitch = new Switchery($('#mySwitchCheck')[0], {
            size:"small",
            color: '#0D74E9'
        });
//Checks the switch
setSwitchery(mySwitch, true);
//Unchecks the switch
setSwitchery(mySwitch, false);

希望这对其他人有帮助

Answer 3

试试这个：

function changeSwitchery(element, checked) {
  if ( ( element.is(':checked') && checked == false ) || ( !element.is(':checked') && checked == true ) ) {
    element.parent().find('.switchery').trigger('click');
  }
}

示例用法：

var element = $('#sound-active-input');
changeSwitchery(element, false);