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

Question

我有6个标签页。每个标签页都有自己的内容。在标签页6上有两个单选框

1-自动（单选按钮）在此单选框下有5个复选框，其中每个复选框上都有标签名称。

2-手动

现在，我希望如果我选择“自动”选项，则应该禁用所有选项卡，并且应该选中单选按钮下的所有复选框。

并且如果我选择选项2“手动”，则应启用所有选项卡。

Answer 1

以下是您想要的https://codesandbox.io/s/88vv14qwwj

的示例

我用过： -引导选项卡，易于样式设计 -3个标签可减少噪音

其归结为在选项卡按钮上禁用设置的逻辑以及如何在最后一个选项卡中创建<input type=radio>。您只需要确保他们具有正确的组合即可仅禁用您需要的内容。

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

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