Give each of the checkboxes the same name
. The <form>
tag as a property called elements
which gives you access to all the fields within the form.
<form ... onsubmit="foo(event, this);">
<input type="checkbox" name="delete_me" id="1">
<input type="checkbox" name="delete_me" id="2">
<input type="checkbox" name="delete_me" id="3">
<button type="submit">Submit</button>
</form>
Then some JavaScript:
function foo(event, form) {
event.preventDefault(); // keep form from submitting
var deleteCheckboxes = form.elements.delete_me;
for (var i = 0; i < deleteCheckboxes.length; i++) {
if (deleteCheckboxes[i].checked) {
console.log(deleteCheckboxes[i].id + " is checked");
}
}
}