多选框html相同name属性,JS获得多个同name 的input输入框的值的实现方法

首先，在 HTML 中，如果你想让多个复选框之间相互关联，可以使用相同的 `name` 属性，这样就可以将它们归为一组。然后，在 JavaScript 中，你可以通过以下方式获得这些复选框的值：

1. 使用 `document.getElementsByName()` 方法来获取所有的同名复选框元素，然后遍历它们，判断哪些元素被选中了：

var checkboxes = document.getElementsByName('myCheckbox');
var values = [];

for (var i=0; i<checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    values.push(checkboxes[i].value);
  }
}

2. 如果你想在复选框的 `onchange` 事件触发时更新选中的值，可以这样做：

var checkboxes = document.getElementsByName('myCheckbox');
var values = [];

for (var i=0; i<checkboxes.length; i++) {
  checkboxes[i].onchange = function() {
    values = [];
    for (var j=0; j<checkboxes.length; j++) {
      if (checkboxes[j].checked) {
        values.push(checkboxes[j].value);
      }
    }
  };
}

这样，每当某个复选框的状态改变时，就会重新计算所有选中的值。