Run
<!doctype html> <html lang="en"> <head> <title>HTML Input Type Checkbox Element Make Required</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function () { $('button').click(function() { checked = $("input[type=checkbox]:checked").length; if(!checked) { alert("Please select one checkbox to submit."); return false; } }); }); </script> <style> body{ padding:15px; } </style> </head> <body> <form> Please Select Your Gender:<br><br> <input type="checkbox" name="gender[]" id="male" placeholder="Male" required/> <label>Male</label><br> <input type="checkbox" name="gender[]" id="female" placeholder="Female" required/> <label>Female</label><br> <input type="checkbox" name="gender[]" id="other" placeholder="Other" required/> <label>Other</label><br><br> <button type="button">Submit</button> </form> </body> </html>
Go to
Tutorialdeep Homepage