Radio button validator

Question

How can I validate radio buttons? Because this won't work at all. The radio button name and ID is billable and their value is either yes or no.

function formValidator() {  
  var errors = new Array();   

  if($("#billable").checked == false) {  
    errors[0] = "*Billable - Required";  
  }

  if(errors.length > 0) {  
    var error_msg = 'Please review:';  

    for(i=0;i<errors.length;i++) {  
      if(errors[i]!=undefined) {  
        error_msg = error_msg + "\n" + errors[i];  
      }  
    }  

    alert(error_msg);  

    return false;  
  }

  return true;  
}

Answer 1

Change to

$("#billable:checked").size()

---

Using $("#billable").checked you will get undefined, because this property doesn't exist. With $("#billable:checked").size() you will get how many checked radios do you have (0 or 1)

See in jsfiddle.

Answer 2

if you try sometime with the JQuery validation plugin, all you will need is something like:

rules: {
'billable[]':{ required:true }
}

Edited:

as this post, this will help you:

var iz_checked = true;
$('input').each(function(){
   iz_checked = iz_checked && $(this).is(':checked');
});
if ( ! iz_checked )