js动态渲染一组多选按钮

以下是一个示例，使用JavaScript动态创建一组多选按钮，并将其附加到HTML文档中。

<div id="checkbox-group"></div>

<script>
  const checkboxGroup = document.getElementById('checkbox-group');
  const options = ['Option 1', 'Option 2', 'Option 3'];

  options.forEach((option) => {
    const checkbox = document.createElement('input');
    checkbox.type = 'checkbox';
    checkbox.name = 'checkbox-group';
    checkbox.value = option;

    const label = document.createElement('label');
    label.textContent = option;

    checkboxGroup.appendChild(checkbox);
    checkboxGroup.appendChild(label);
    checkboxGroup.appendChild(document.createElement('br'));
  });
</script>

此代码将创建一个包含三个选项的多选按钮组。在此示例中，我们使用了`forEach`方法来遍历选项数组，并在每次循环中创建一个新的复选框和标签元素。然后，我们将新元素附加到`checkbox-group`元素中，以显示在页面上。每个复选框的`name`属性设置为`checkbox-group`，以确保它们在同一组中。