JQuery - check if at least one checkbox is checked

Question

I have the following HTML form and it can have many checkboxes. When the submit button is clicked, I want the user to receive a javascript warning to check at least one checkbox if none of them are checked. Is there an easy way to do this using jQuery?

<form name = "frmTest" id="frmTest"> <input type="checkbox" value="true" checked="true" name="chk[120]"> <input type="checkbox" value="true" checked="true" name="chk[128]"> <input type="checkbox" name="chk[130]"> <input type="checkbox" name="chk[143]"> <input type="submit" name="btnsubmit" value="Submit"> </form> 

Answer 1

 if(jQuery('#frmTest input[type=checkbox]:checked').length) { … } 

Answer 2

 $('#frmTest input:checked').length > 0 

Answer 3

 $("#frmTest").submit(function(){ var checked = $("#frmText input:checked").length > 0; if (!checked){ alert("Please check at least one checkbox"); return false; } }); 

Answer 4

 $("#show").click(function() { var count_checked = $("[name='chk[]']:checked").length; // count the checked rows if(count_checked == 0) { alert("Please select any record to delete."); return false; } if(count_checked == 1) { alert("Record Selected:"+count_checked); } else { alert("Record Selected:"+count_checked); } }); 

Answer 5

 $('#frmTest').submit(function(){ if(!$('#frmTest input[type="checkbox"]').is(':checked')){ alert("Please check at least one."); return false; } }); 

is (': checked') will return true if at least one or more of these flags is checked.

Answer 6

 $('#fm_submit').submit(function(e){ e.preventDefault(); var ck_box = $('input[type="checkbox"]:checked').length; // return in firefox or chrome console // the number of checkbox checked console.log(ck_box); if(ck_box > 0){ alert(ck_box); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form name = "frmTest[]" id="fm_submit"> <input type="checkbox" value="true" checked="true" > <input type="checkbox" value="true" checked="true" > <input type="checkbox" > <input type="checkbox" > <input type="submit" id="fm_submit" name="fm_submit" value="Submit"> </form> <div class="container"></div> 

Answer 7

 if($("#checkboxid1").is(":checked")) || ($("#checkboxid2").is(":checked")) || ($("#checkboxid3").is(":checked"))) { //Your Code here } 

You can use this code to make sure that at least one checkbox is selected.

Thank!!