有什么简单的方法可以通过单击按钮来选择多个复选框（不是全部）？

有什么建议吗？

谢谢，ERANET

function Select() {
  var items = document.getElementsByName('Red')
  for (var i = 0; i < items.length; i++) {
    if (items[i].type == 'checkbox')
      items[i].checked = true;
  }

}

function UnSelect() {
  var items = document.getElementsByName('Red')
  for (var i = 0; i < items.length; i++) {
    if (items[i].type == 'checkbox')
      items[i].checked = false;
  }
}

<代码><；输入类型=“复选框”名称=“红色”值=“红色”>；红色<；br>；<；INPUT TYPE=“ CHECKBOX ” NAME=“ BLUE ” VALUE=“ BLUE ”>；蓝色<；br>；<；INPUT TYPE=“ CHECKBOX ” NAME=“ YELLOW ” VALUE=“ YELLOW ”>；黄色<；br>；<；input type=“ CheckBox ” name=“ Orange ” value=“ Orange ”>；Orange<；br>；<；INPUT TYPE=“ CHECKBOX ” NAME=“ PINK ” VALUE=“ PINK ”>；粉红色<；br>；<；input type=“ checkbox ” name=“ voilet ” value=“ voilet ”>；voilet<；br>；<；P>；<；input type=“ button ” onclick=' select（）' value=“ select ”/>；<；input type=“ button ” onclick=' unselect（）' value=“ unselect ”/>；<；/p>；

顺晟科技：

我添加了一个类名，用于选择一些/全部，然后使用<input type="checkbox" name="Red" value="Red">Red<br> <input type="checkbox" name="Blue" value="Blue">Blue<br> <input type="checkbox" name="Yellow" value="Yellow">Yellow<br> <input type="checkbox" name="Orange" value="Orange">Orange<br> <input type="checkbox" name="Pink" value="Pink">Pink<br> <input type="checkbox" name="Voilet" value="Voilet">Voilet<br> <p> <input type="button" onclick='Select()' value="Select" /> <input type="button" onclick='UnSelect()' value="Unselect" /> </p>来选择需要更改的元素。

更新

我用更多的"；扩展了这个例子选择Buttons"；，以便您可以看到querySelectorAll()在您想要更新的输入元素中是灵活的。

querySelectorAll()

<代码><；INPUT TYPE=“ CHECKBOX ” CLASS=“ ONE ” NAME=“ red ” VALUE=“ red ”>；red<；br>；<；INPUT TYPE=“ CHECKBOX ” CLASS=“ ONE ” NAME=“ BLUE ” VALUE=“ BLUE ”>；蓝色<；br>；<；INPUT TYPE=“ CHECKBOX ” CLASS=“ 13 ” NAME=“ YELLOW ” VALUE=“ YELLOW ”>；黄色<；br>；<；INPUT TYPE=“ CHECKBOX ” CLASS=“ 23 ” NAME=“ ORANGE ” VALUE=“ ORANGE ”>；橙色<；BR>；<；INPUT TYPE=“ CHECKBOX ” CLASS=“ TWO ” NAME=“ PINK ” VALUE=“ PINK ”>；粉红色<；br>；<；INPUT TYPE=“ CHECKBOX ” CLASS=“ two ” NAME=“ voilet ” VALUE=“ voilet ”>；voilet<；br>；<；P>；<；input type=“ button ” onclick=“ select（' input.one '）” value=“按类名' one '选择”/>；<；input type=“ button ” onclick=“ select（`input[name=' blue ']`）” value=“ select by name ' blue ' ”/>；<；input type=“ button ” onclick=“ select（`input[name=' blue ']，input[name=' pink ']`）” value=“按名称' blue '和' pink '选择”/>；<；input type=“ button ” onclick=“ select（`input.three`）” value=“按类名' three '选择”/>；<；input type=“ button ” onclick=' unselect（）' value=“ unselect ”/>；<；/p>；