Ce mini-tutoriel présente une technique afin de désactiver techniquement et graphiquement un bouton radio.
HTML
<input id="form_radio_id" type="radio" value="3" name="form_transmission[sendingAlertType]" / >
JQUERY
$("#form_radio_id").attr('disabled','disabled');
En CSS, il existe un sélecteur permettant de sélectionner l’élément désactivé :
input:disabled + label {
color: grey;
}
Dans l’exemple ci-dessus, on a grisé le texte du label qui se trouve immédiatement après le bouton de radio.