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é
A voir également:
- Comment griser le champs de mon bouton pop up
- Pop up mcafee - Accueil - Piratage
- Réinitialiser freebox pop - Forum Freebox
- Bouton shift pc ✓ - Forum Jeux vidéo
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Pop corn time - Télécharger - TV & Vidéo
1 réponse
Salut,
Un début de solution possible :
Bonne journée
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