在选择特定单选按钮时禁用选项卡

Question

我总共有 6 个选项卡。每个选项卡都有自己的 content.On 选项卡 6 有两个单选框

1- 自动（单选按钮）在此单选框下有 5 个复选框，每个复选框上都提到了选项卡名称。

2- 手动

现在我想要如果我 Select“自动”选项那么所有选项卡应该禁用并且所有复选框应该 select 在单选按钮下。

并且如果我 select 选项 2 "Manual" 那么所有选项卡都应该启用。

Answer 1

这是您想要的示例https://codesandbox.io/s/88vv14qwwj

我用过： - Bootstrap 便于样式化的选项卡 - 3 个选项卡可减少噪音

归结为在选项卡按钮上禁用设置的逻辑，以及如何在最后一个选项卡中创建 <input type=radio>。你只需要确保他们有正确的组合来禁用你需要的东西。

在示例中，我做了：disabled.bind="isAutomatic && !tab.disabled"

这意味着仅在自动模式下禁用选项卡按钮并且未选中最后一个选项卡面板中的选项卡复选框，因为最后一个面板中的复选框已绑定到应用程序中的 tab.disabled tabs数组。