javascript - 互斥自举复选框开关

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);
    }
});

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