Select value of a RadioButton

Question

I want to select a particular RadioButton based on its value

<input id="RadioJ" type="radio" name="grp1" value="AAA" />
<input id="FaroK"  type="radio" name="grp1" value="BBB" />
<input id="MartreLK" type="radio" name="grp1" value="CCC" />

Something like this:

var radio = radio button whose value is BBB

Another thing i am looking is that if a button is clicked, all the radiobuttons which are hidden should be visible.

Answer 1

You can select based on the value directly, e.g.:

var radio = $("input[type='radio'][value='BBB']")

Answer 2

Assuming you have a <form> element surrounding your radio buttons:

function getRadioWithValue(form, groupName, val) {
  var radios = form.elements[groupName];
  var i = radios.length, radio;
  while (i--) {
    radio = radios[i];
    if (radio.value === val) {
      return radio;
    }
  }
  return null;
}

var radio = getRadioWithValue(document.forms["your_form_name"], "grp1", "BBB");

This will be an awful lot more efficient and fast than the jQuery equivalent using unnecessary CSS selectors.