Validation of radio button group using jQuery validation plugin

Question

How to perform validation for a radio button group (one radio button should be selected) using jQuery validation plugin?

Answer 1

Example on the validation demo pages

http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html

Answer 2

use the following rule for validating radio button group selection

myRadioGroupName : {required :true}

myRadioGroupName is the value you have given to name attribute

Answer 3

The given link does not work anymore. Is the bassistance.de site taken off now? Has the plugin been moved over to a new developer site? Or is it being discontinued?

Answer 4

With newer releases of jquery (1.3+ I think), all you have to do is set one of the members of the radio set to be required and jquery will take care of the rest:

<input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
<input type="radio" name="myoptions" value="red"> Red<br />
<input type="radio" name="myoptions" value="green"> Green

The above would require at least 1 of the 3 radio options w/ the name of "my options" to be selected before proceeding.

The label suggestion by Mahes, btw, works wonderfully!

Answer 5

You can also use this:
<fieldset>
<input type="checkbox" name="myoptions[]" value="blue"> Blue<br />
<input type="checkbox" name="myoptions[]" value="red"> Red<br />
<input type="checkbox" name="myoptions[]" value="green"> Green<br />
<label for="myoptions[]" class="error" style="display:none;">Please choose one.</label>
</fieldset>

and simply add this rule
rules: {
'myoptions[]':{ required:true }
}