已选中具有相同销售代码的复选框时禁用其他复选框

Question

有人可以帮我解决这个问题吗？

我的表格中有这个带有复选框的列表。正如您所看到的，有重复的销售代码。

我想做的是，如果我选中一行，则具有类似销售代码的另一复选框行应该像这样被禁用。然后我还应该能够检查具有不同销售代码的其他行。

提前致谢！

Answer 1

您应该将其他 disabled

（您的复选框）的 

HTMLInputElements 属性设置为

checked

事件侦听器中的

input

状态。这是一个代码示例，其中

optionA

和

optionB

作为复选框：

optionA.addEventListener('input', () => {
    optionB.disabled = optionA.checked;
});
optionB.addEventListener('input', () => {
    optionA.disabled = optionB.checked;
});