繁体   English   中英

禁用表格中的单选按钮行

[英]disable row of radio buttons in a table

我有一个单选按钮表,如下图所示。 我需要禁用选中单选按钮的整行,但同一行的选中单选按钮除外 在单选按钮的子表中, i表示行, j表示列,并使用一个数组(checkedRadioBtn)来跟踪选中的单选按钮。 在 checkedRadioBtn = [3,2] 中,索引是列值是行,行固定为 4,但列是动态的。 我实际上想出了两个部分有效的解决方案。

  • <input type="radio" [disabled]="checkedRadioBtn[i] == i && checkedRadioBtn[j] !== i">这在 chekedRadioBtn 3上无效,其中列数较少

  • <input type="radio" [disabled]="checkedRadioBtn[i % columns.length] == i && checkedRadioBtn[j] !== i">

我需要的只是[disabled]内部的逻辑或任何其他方式来解决上述问题并按照此链接并进行测试(检查回答功能),它具有我正在尝试实现的确切回答功能. 很感谢任何形式的帮助。 谢谢你。 stackblitz 示例演示图片

你可以在StackBlitz上关注这个演示,这是我对类似问题的回答。

结果:

在此处输入图像描述

因此,您可以看到从一行中选择一个单选按钮后会立即禁用该行。

编辑:

根据要求,查看StackBlitz的演示。

新结果:

在此处输入图像描述

它不是必填字段。 单选按钮有助于确保只选择一个选项。 但是,它不允许用户取消选择该选项。 如果您想使用单选按钮来实现它,那么您可以添加另一个值为 None 的单选按钮,这也可以解决您的问题。

<input type="radio" [disabled]="checkedRadioBtn.indexOf(i) > -1 && checkedRadioBtn.indexOf(i) != j">这个逻辑对我有用

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM