Comment griser le champs de mon bouton pop up

Fermé
alali - 7 janv. 2016 à 15:26
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 7 janv. 2016 à 17:23
Bonjour, j'ai un pop up ou j'ai trois boutons sur mon pop up

-bouton de modification

-bouton de creation et

-bouton de consultation

maintenant j'ai trois input de type radios

-radio de modification

-radio de création

-radio de consultation

mon souhait est lorsque je clique sur radio de consultation les bouton du pop up s'affiche avec

-bouton de modification------->qui sera grisé

-bouton de creation ------->qui sera grisé

-bouton de consultation ------->qui sera non grisé
A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
7 janv. 2016 à 17:23
Salut,

Un début de solution possible :
<!-- HTML -->
<label><input type="radio" class="choix-button" name="choix-button" value="Modification"> Modification</label>
<label><input type="radio" class="choix-button" name="choix-button" value="Création"> Création</label>
<label><input type="radio" class="choix-button" name="choix-button" value="Consultation"> Consultation</label>

<button class="btn btn-modification">Modification</button>
<button class="btn btn-creation">Création</button>
<button class="btn btn-consultation">Consultation</button>

/* JAVASCRIPT */
var radios = document.querySelectorAll(".choix-button");

for (var i = 0; i < radios.length; i++) {
	radios[i].addEventListener("click", function() {
    var valueRadio = this.value;
    
    if (valueRadio == 'Consultation') {
    	document.querySelectorAll('.btn-modification')[0].disabled = true;
      document.querySelectorAll('.btn-creation')[0].disabled = true;
    }
  }); 
}


Bonne journée
0