如果你想使用一个普通的JS，你可以像@zahid-ullah那样做，但要避免循环:

  var values = [].filter.call(document.getElementsByName('fruits[]'), function(c) {
    return c.checked;
  }).map(function(c) {
    return c.value;
  });

ES6中的相同代码看起来更好:

var values = [].filter.call(document.getElementsByName('fruits[]'), (c) => c.checked).map(c => c.value);

window.serialize = function serialize() { var values = [].filter.call(document.getElementsByName('fruits[]'), function(c) { return c.checked; }).map(function(c) { return c.value; }); document.getElementById('serialized').innerText = JSON.stringify(values); } label { display: block; } <label> <input type="checkbox" name="fruits[]" value="banana">Banana </label> <label> <input type="checkbox" name="fruits[]" value="apple">Apple </label> <label> <input type="checkbox" name="fruits[]" value="peach">Peach </label> <label> <input type="checkbox" name="fruits[]" value="orange">Orange </label> <label> <input type="checkbox" name="fruits[]" value="strawberry">Strawberry </label> <button onclick="serialize()">Serialize </button> <div id="serialized"> </div>

在Javascript中，它是这样的(演示链接):

// get selected checkboxes
function getSelectedChbox(frm) {
  var selchbox = [];// array that will store the value of selected checkboxes
  // gets all the input tags in frm, and their number
  var inpfields = frm.getElementsByTagName('input');
  var nr_inpfields = inpfields.length;
  // traverse the inpfields elements, and adds the value of selected (checked) checkbox in selchbox
  for(var i=0; i<nr_inpfields; i++) {
    if(inpfields[i].type == 'checkbox' && inpfields[i].checked == true) selchbox.push(inpfields[i].value);
  }
  return selchbox;
}   

使用下面的代码获取所有检查值

        var yourArray=[];
        $("input[name='ordercheckbox']:checked").each(function(){
            yourArray.push($(this).val());
        });
        console.log(yourArray);

var chk_arr =  document.getElementsByName("chkRights[]");
var chklength = chk_arr.length;             

for(k=0;k< chklength;k++)
{
    chk_arr[k].checked = false;
} 

在现代浏览器(不支持IE，遗憾的是在撰写本文时不支持iOS Safari)中使用香草JS的另一种方式是使用FormData.getAll():

var formdata   = new FormData(document.getElementById("myform"));
var allchecked = formdata.getAll("type"); // "type" is the input name in the question

// allchecked is ["1","3","4","5"]  -- if indeed all are checked

这是一个老问题，但在2022年有一个更好的方法来实现它使用香草JS

我们不需要react或者花哨的框架。

我们只需要处理两个这样的onchange事件:

const types = [{id:1, name:'1'}, {id:2, name:'2'}, {id:3, name:'3'}, {id:4, name:'4'}, {id:5, name:'5'}, {id:6, name:'6'}] const all = document.getElementById('select-all') const summary = document.querySelector('p') let selected = new Set() const onCheck = event => { event.target.checked ? selected.add(event.target.value) : selected.delete(event.target.value) summary.textContent = `[${[...selected].join(', ')} | size: ${selected.size}] types selected.` all.checked = selected.size === types.length } const createCBInput = t => { const ol = document.querySelector('ol') const li = document.createElement('li') const input = document.createElement('input') input.type = 'checkbox' input.id = t.id input.name = 'type' input.value = t.id input.checked = selected.has(t.id) input.onchange = onCheck const label = document.createElement('label') label.htmlFor = t.id label.textContent = t.name li.append(input, label) ol.appendChild(li) } const onSelectAll = event => { const checked = event.target.checked for (const t of types) { const cb = document.getElementById(t.id) cb.checked = checked ? true : selected.has(t.id) const event = new Event('change') cb.dispatchEvent(event) } } all.checked = selected.size === types.length all.onchange = onSelectAll for (const t of types) { createCBInput(t) } ol { list-style-type: none; padding-left: 0; } <ol> <li> <input type="checkbox" id="select-all"> <label for="select-all"><strong>Select all</strong></label> </li> </ol> <p></p>