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.

---

1 janvier 2016 - Wakonda - CSS