Question

我有这个JSFiddle有两个使用Bootstrap Switch的复选框。我希望它们是相互排斥的，即它们都不能同时打开或关闭。这可以不使用单选按钮类吗？

当前的复选框代码如下：

$("[name='my-checkbox']").bootstrapSwitch({
onSwitchChange: function (event, state) {

    if(state) map.addLayer(streetsTile);
    else map.removeLayer(streetsTile);
}
});

$("[name='my-checkbox2']").bootstrapSwitch({
onSwitchChange: function (event, state) {

    if(state) map.addLayer(exampleTile);
    else map.removeLayer(exampleTile);
}

Answer 1

例如：

$("[name='my-checkbox']").bootstrapSwitch({
    onSwitchChange: function (event, state) {
        $("[name='my-checkbox2']").bootstrapSwitch('state', !state, true);
        if(state) map.addLayer(streetsTile);
        else map.removeLayer(streetsTile);
    }
});

$("[name='my-checkbox2']").bootstrapSwitch({
    onSwitchChange: function (event, state) {
        $("[name='my-checkbox']").bootstrapSwitch('state', !state, true);
        if(state) map.addLayer(exampleTile);
        else map.removeLayer(exampleTile);
    }
});

但是你为什么不想使用单选按钮......？

互斥式Bootstrap复选框开关

1 个答案: