当前位置: 首页 > 工具软件 > Switchery > 使用案例 >

js修改Switchery复选框的状态

空佐
2023-12-01

原文链接 : http://stackoverflow.com/questions/21931133/changing-a-switchery-checkbox-state-from-code

声明一个switchery插件,绑定到一个input上

js代码

var mySwitch = new Switchery($('#blacklist')[0], {
            size:"small",
            color: '#0D74E9'
        });

调用
//Checks the switch
setSwitchery(mySwitch, true);
//Unchecks the switch
setSwitchery(mySwitch, false);

/**
 * 切换Switchery开关函数  switchElement Switchery对象,checkedBool 选中的状态
 */
function setSwitchery(switchElement, checkedBool) {
    if((checkedBool && !switchElement.isChecked()) || (!checkedBool && switchElement.isChecked())) {
        switchElement.setPosition(true);
        switchElement.handleOnchange(true);
    }
}
html代码

<input type="checkbox" id="blacklist" name="blacklist"/>




 类似资料: