There is such a html:
<input name="professional_options[Classroom]" type="hidden" value="0"> <input type="checkbox" value="1" name="professional_options[Classroom]"> <input name="professional_options[Interviewing]" type="hidden" value="0"> <input type="checkbox" value="1" name="professional_options[Interviewing]"> <input name="professional_options[Social Events]" type="hidden" value="0"> <input type="checkbox" value="1" name="professional_options[Social Events]"> <input name="should_color[White]" type="hidden" value="0"> <input type="checkbox" value="1" name="should_color[White]"> <input name="should_color[Beige]" type="hidden" value="0"> <input type="checkbox" value="1" name="should_color[Beige]> <input name="should_color[Blue]" type="hidden" value="0"> <input type="checkbox" value="1" name="should_color[Blue]">
How can I set a rule so that at least one checkbox is checked in the group professional_options and should_color , the project uses jquery validation