Comment griser le champs de mon bouton pop up
alali
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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é
-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é
1 réponse
-
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