get all checked checkboxes jquery code example

Example 1: jquery get value checkbox checked

console.log($('input[name="locationthemes"]:checked').serialize());

//or

$('input[name="locationthemes"]:checked').each(function() {
   console.log(this.value);
});

Example 2: jquery validate all checkbox checked

<form id="form1" action="/controller/action" method="post">
   <input type="checkbox" name="box1" class="cBox" />
   <input type="checkbox" name="box2" class="cBox" />
   <input type="checkbox" name="box3" class="cBox" />
  <input type="submit" value="Submit" />
</form>
<script>
$('#form1').submit(function() {
   if ($('input:checkbox', this).length == $('input:checked', this).length ) {
            // everything's fine...
   } else {
            alert('Please tick all checkboxes!');
            return false;
   }
});
</script>

Example 3: get value of all checked boxes jquery

var values = $('input[name=grepperRocks]:checked')
               .map(() => { return this.value }).get();

Example 4: jquery get all checkbox checked

$('.theClass:checkbox:checked')

Example 5: select all checkboxes jquery

$('input:checkbox').prop('checked', true);

Example 6: select all checkbox jquery

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

Tags:

Html Example