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

Question

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

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

2-手册

现在我想要如果我选择“自动”选项，则所有选项卡应禁用，所有复选框应在单选按钮下选择。

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

Answer 1

这是你想要的https://codesandbox.io/s/88vv14qwwj的一个例子

我用过： - Bootstrap标签，便于造型 - 3个标签，噪音更小

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

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

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