jquery - How to validate the radio button and checkbox? -

for radio button:

$(document).ready(function() {         $('#select-number').click(function() {                 if ($('input:radio', this).is(':checked')) {                     return true;                 } else {                     alert('please select something!');                     return false;             }         });      }); 

it working fine when no radio button selected. when select radio button , submit form giving me alert message 'please select something!' there tutorials available validation using jquery newbie.

it looks you're attaching click event of submit button (there no inputs inside that element). instead, attach submit event of form:

$(document).ready(function() {     $('#formid').submit(function() {         if ($('input:radio', this).is(':checked')) {             return true;         } else {             alert('please select something!');             return false;         }     }); }); 

this has advantages of catching way <form> may submitted, looks input:radio buttons in correct spot. can shorten/simplify down further:

$(function() {   $('#formid').submit(function() {     if ($(this).find('input:radio:checked').length == 0) {       alert('please select something!');       return false;     }   }); });