jquery - bootstrap-switch：禁用/启用更改时的其他选项

Question

我使用引导开关并有不同的按钮。给出一个改变，我可以像这个示例一样将其他属性作为参数提供：

<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