可以使用我创建的这个函数吗

function getCheckBoxArrayValue(nameInput){
    let valores = [];
    let checked = document.querySelectorAll('input[name="'+nameInput+'"]:checked');
    checked.forEach(input => {
        let valor = input?.defaultValue || input?.value;
        valores.push(valor);
    });
    return(valores);
}

要使用它，就这样称呼它

getCheckBoxArrayValue("type");

这是一个老问题，但在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>

格式:

$("input:checkbox[name=type]:checked").each(function(){
    yourArray.push($(this).val());
});

希望它能起作用。

在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;
}   

这应该可以达到目的:

$('input:checked');

我不认为你有其他可以检查的元素，但如果你有，你必须让它更具体:

$('input:checkbox:checked');

$('input:checkbox').filter(':checked');

只是说说我的意见，说不定能帮到别人

const data = $checkboxes.filter(':checked').toArray().map((item) => item.value);

我已经有一个jQuery对象，所以我不会选择所有的复选框另一次，这就是为什么我使用jQuery的过滤器方法。然后我把它转换成一个JS数组，我映射数组返回项目的值。