Demo Download

Today in this tutorial I will going to explain how to restrict form submission if at least one checkbox is not checked, when a user press submit button an alert will appear to check at least one checkbox if at least one checkbox is not checked it means form will not be submitted, User will be required to check at least one checkbox to submit form.

Note: Don’t forget to include the jQuery library in the header or footer of your web page.

HTML

<form method="post" action="">
<input type="checkbox" name="cricket" value="cricket" />Cricket<br/>
<input type="checkbox" name="football" value="football" />Football<br/>
<input type="checkbox" name="hockey" value="hockey" />Hockey<br/><br/>
<input type="submit" name="submit" value="Submit" />
</form>

jQuery

$(document).ready(function(){
    $("form").submit(function(){
		if ($('input:checkbox').filter(':checked').length < 1){
        alert("Check at least one Game!");
		return false;
		}
    });
});

If you found this tutorial helpful so share it with your friends, developer groups and leave your comment.

Facebook Official Page: All PHP Tricks

Twitter Official Page: All PHP Tricks