如何在选择多个复选框时向变量添加属性

Question

嗨，我有一个看起来像这样的网格：

  Serial No                  Document Name       Attachment
1(checkbox)                  abc               (img)
2(checkbox)                   xyz               (img)
3(checkbox)                   uio               (img)
4(checkbox)                   pop               (img)

当您单击附件上的 img 时，它会打开一个对话框，其中附加了多个文档。每个文档都有一个复选框。

现在我想要做的是，如果用户选择了这些复选框，那么它应该将属性 documentcode 添加到变量中，类似地，如果用户检查另一个文档，它会将属性附加到该变量，从而形成一个字符串。此外，如果用户选择针对序列号 1 的复选框，则针对该相关对话框的复选框也会被选中。所以在这种情况下，我也想附加属性。

为此，我在对话框的复选框上添加了一个onclick功能

          if ($(el).is(':checked')) 
            {
                docCodes += DocumentCode + '♦';
            }

        }

现在，当我在对话框中选择复选框时，它会附加文档代码，但是当我取消选中它时，它应该删除没有发生的文档代码。我该怎么做呢？同样在父复选框上，属性也应该被附加

Answer 1

你可以在else中做一个字符串替换

var docCodes = '';
function addAttributes(docID, CdCode, el) {
  var str = docId + '♦';

  if ($(el).is(':checked')) {
    docCodes += str;
  } else {
    docCodes = docCodes.replace(str, '');
  }

  console.log(docCodes);
}