JSFiddle - React, Tailwind, and code Playground
HTML
<form>
Checkbox 1: <input type="checkbox" value="1" name="items[test1]" id="items_test1">
<br>
Checkbox 2: <input type="checkbox" value="1" name="items[test2]" id="items_test2">
<br>
<input type='submit' value='Submit' />
</form>
JavaScript
$(document).ready(function() {
$(document).on('submit', 'form', function() {
if($('#items_test1').is(':checked') || $('#items_test2').is(':checked')) {
alert('done. valid form submission.');
} else {
alert('invalid form submission, check atleast one checkbox.');
}
return false;
});
})