/Html/Jquery validate all checkbox checked

Jquery validate all checkbox checked

Jquery get all checked checkboxes

var values=[];
$('input[name="your-checkbox-name[]"]:checked').each(function () {
  values[values.length] = (this.checked ? $(this).val() : "");
});

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>

Jquery get all checkbox checked

$('.theClass:checkbox:checked')

Jquery check if all checkbox is not checked

 $('#checkAll').click(function () {    
     $('input:checkbox').prop('checked', this.checked);    
 });

Source: stackoverflow.com

Similar codes

0 vote58 views1 answer
Vuejs conditional rendering paragraph not working
Html
10 votes50 views1 answer
Open link in a new tab hmtl
Html
2 votes58 views1 answer
Mm to m
Html
0 vote56 views1 answer
Wordpress to static html
Html
0 vote56 views1 answer
Pause html5 video jquery
Html
4 votes64 views1 answer
Input acepta solo imagenes
Html
1 vote104 views1 answer
Markdown table cell multiple lines
Html
21 votes55 views3 answers
Image size
Html
1 vote81 views1 answer
Angular click stop propagation
Html
2 votes60 views2 answers
How to put something on the bottom right corner in html
Html