Comment définir le statut du bouton radio avec JavaScript

Question

Quelle méthode serait préférable d'utiliser pour définir de manière sélective un ou plusieurs boutons radio sur un paramètre souhaité avec JavaScript ?

Answer 1

Très simple

 radiobtn = document.getElementById("theid");
radiobtn.checked = true;

Answer 2

Javascript vanille :

 yourRadioButton.checked = true;

jQuery :

 $('input[name=foo]').prop('checked', true);

ou

 $("input:checkbox").val() == "true"

Answer 3

Vous pouvez également définir explicitement la valeur du bouton radio :

 <form name="gendersForm">
  <input type="radio" name="gender" value="M" /> Man
  <input type="radio" name="gender" value="F" /> Woman
</form>

avec le script suivant :

 document.gendersForm.gender.value="F";

et le bouton radio correspondant seront cochés automatiquement.

Regardez l' exemple sur JSFiddle .

Answer 4

/**
 * setCheckedValueOfRadioButtonGroup
 * @param {html input type=radio} vRadioObj 
 * @param {the radiobutton with this value will be checked} vValue 
 */
function setCheckedValueOfRadioButtonGroup(vRadioObj, vValue) {
    var radios = document.getElementsByName(vRadioObj.name);
    for (var j = 0; j < radios.length; j++) {
        if (radios[j].value == vValue) {
            radios[j].checked = true;
            break;
        }
    }
}