JS(JavaScript)中如何实现，复选框checkbox多选功能

在JavaScript中实现复选框多选功能，你可以为每个复选框设置相同的name属性，并且使用checkbox的change事件来监听选择状态的改变。以下是一个简单的示例代码：

HTML部分：

<input type="checkbox" name="options" value="option1"> Option 1<br>
<input type="checkbox" name="options" value="option2"> Option 2<br>
<input type="checkbox" name="options" value="option3"> Option 3<br>
<button id="submit">Submit</button>

JavaScript部分：

document.querySelectorAll('input[type=checkbox]').forEach(checkbox => {
  checkbox.addEventListener('change', function() {
    if(this.checked) {
      // 复选框被选中时的操作
      console.log('Checkbox ' + this.value + ' is selected.');
    } else {
      // 复选框被取消选中时的操作
      console.log('Checkbox ' + this.value + ' is unselected.');
    }
  });
});
 
document.getElementById('submit').addEventListener('click', function() {
  const checkedValues = [];
  document.querySelectorAll('input[type=checkbox]:checked').forEach(checkbox => {
    checkedValues.push(checkbox.value);
  });
  console.log('Selected values:', checkedValues);
});

在这个示例中，当复选框的状态改变时，会输出相应的信息。当点击提交按钮时，会输出所有选中复选框的值。