Checkbox and radio button validation in javascript:
<script> function validateCourse(){ count = 0; gend = 0; len = document.testForm.elements.length; for(i=0;i<len;i++){ elt = document.testForm.elements[i]; if(elt.type == 'checkbox' && elt.name=='course' && elt.checked){ count++; } if(elt.type == 'radio' && elt.name=='gender' && elt.checked){ gend++; } } if(count<3){ alert("Please Select 3 Courses"); } if(gend == 0){ alert("Select Gender Field"); } } </script> <form name='testForm'> <big> Subject You Know</big><br> <input type='checkbox' name='course' value='c'> C-Language <br> <input type='checkbox' name='course' value='j' > Joomla <br> <input type='checkbox' name='course' value='p' > PHP <br> <input type='checkbox' name='course' value='s' > SAP <br> <input type='checkbox' name='course' value='d' > Drupal <br> <input type='checkbox' name='course' value='m' > MySQL <br><br> <input type='radio' name='gender' value='m'> Male <input type='radio' name='gender' value='f'> Female <br><br> <input type='button' name='coursecount' value='Validate !' onclick="javascript:validateCourse();"> </form>
Demo: