HTML表单复选框动态生成及获取选中项ID和Name

这是一个带有复选框的表单元素，其中id、name和value属性都是动态生成的，根据传入的option对象来设置不同的值。其中，id用于标识该复选框元素的唯一性，name用于表示该选项的名称，value用于表示该选项的值。

'id='check${option.id}' name='option${option.id}' value='${option.id}' 是动态生成的属性，它使用字符串插值来创建唯一标识符和名称。

要同时取到选中的id和name，可以在遍历选中的复选框元素时，使用$(this)来获取当前元素的jQuery对象，然后通过它来获取id和name属性的值，例如：

$("input.option-checkbox:checked").each(function () {
    let id = $(this).attr("id").replace("check", "");
    let name = $("label[for='"+ $(this).attr("id") + "']").text();
    selectedValues.push({id: id, name: name});
});

这将把选中的复选框元素的id和name属性值分别存储到一个对象中，并将这些对象放入一个数组中，最终得到一个包含选中选项的id和name的数组。在btn1方法中，可以将这些数据存储到vm.form中，以便后续使用。

以下是btn1方法中的代码示例：

btn1: function () {
  let selectedValues = [];
  $("input.option-checkbox:checked").each(function () {
    let id = $(this).attr("id").replace("check", "");
    let name = $("label[for='"+ $(this).attr("id") + "']").text();
    selectedValues.push({id: id, name: name});
  });
  let selectedOptions = selectedValues.join(',');
  vm.form[$("#Selectaddress").attr("index")] = selectedOptions;
  layer.closeAll();
},

这将遍历所有选中的复选框，并将它们的值存储到vm.form中。