How can I reset all checkboxes in a document using jQuery or pure JS?
How can I reset all checkboxes in a document using jQuery or pure JS?
If you mean how to remove the 'checked' state from all checkboxes:
$('input:checkbox').removeAttr('checked');
var clist = document.getElementsByTagName("input");
for (var i = 0; i < clist.length; ++i) { clist[i].checked = false; }
$('input:checkbox').each(function() { this.checked = false; });
To do opposite, see: Select All Checkboxes By ID/Class
Easy. by class GIVE ME A LIKE
$('.YUCLASS').prop('checked', false);
or
$('.YUCLASS').removeAttr('checked');
Resetall checkbox
<input type="checkbox" id="bike" name="vehicle" value="bike">
<label for="bike">Bike</label>
<input type="checkbox" id="car" name="vehicle" value="car">
<label for="car">Car</label>
<button id="select">Select All</button>
JavaScript #1
Get all the checkboxes using the name field,
document.getElementById('select').onclick = function() {
var checkboxes = document.getElementsByName('vehicle');
for (var checkbox of checkboxes) {
checkbox.checked = false;
}
}
JavaScript #2
If there is no other input tags other than checkboxes,
document.getElementById('select').onclick = function() {
var checkboxes = document.getElementsByTagName("input");
for (var checkbox of checkboxes) {
checkbox.checked = false;
}
}