bootstrap-switch: Disable/Enable 其他选项改变

Question

我使用 bootstrap-switch 并且有不同的按钮。给出一个改变，我可以像这个示例一样给其他属性作为参数：

<input type="checkbox" name="values[{$optionName}]" value="1" data-to-enable="values[optionName1],values[optionName5],values[optionName50],values[optionName100],values[optionName333]" />

我希望此选项在未选中（或在页面加载时未选中）时禁用，并在选中时启用（或在页面加载时选中）

Answer 1

这是您想要的 javascript 代码：

$(function() {

    var toggleSwitch = function(ev) {
        var _this = $(ev.currentTarget);
        var toChange = _this.data("to-enable").split(",");
        var state = _this.bootstrapSwitch("state");

        $("input.switch").each(function(el, index) {
            if($.inArray($(this).prop("name"), toChange) >= 0) {
                $(this).bootstrapSwitch("disabled", state);
            }
        });
    }       

    $("input").bootstrapSwitch();
    $("input[id^='switchHandler']").each(function(){
        $(this).bootstrapSwitch("state", $(this).data("checked"));
        $(this).on("switchChange.bootstrapSwitch", toggleSwitch);
        $(this).trigger("switchChange.bootstrapSwitch");
    });

});

这是一个有效的 jsfiddle

bootstrap-switch: Disable/Enable 其他选项改变

bootstrap-switch: Disable/Enable other options on change

jquery

twitter-bootstrap

bootstrap-switch