Discussion :

[mormic]

Bonjour à tous
Je sais qu'il est facile de détecter lorsqu'un 'input radio' est coché.
Par contre, est-il possible de détecter lorsqu'il est automatiquement décoché par un autre 'input radio'

Voilà mon problème: j'ai une page HTML composée de 10 manoeuvres identiques dans lesquelles il y a des choix sélectionnables par des 'input radio' (volet, relais central, relais distant)

Lorsque qu'on sélectionne 'volet' il faut que les autres options soient grisées ainsi que n° relais disparaisse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
let listeRadioVolet = document.querySelectorAll(".volet");
listeRadioVolet.forEach(function(v){
    v.addEventListener("change",function(s){
        volet = s.target.innerHTML;
        let p = this.parentElement.id;
        if(this.checked){
           document.querySelector("#" + p + " .local_relais").style.color='grey';
           document.querySelector("#" + p + " .distant_relais").style.color='grey';
           document.querySelector("#" + p + " .n_relais").style.visibility='hidden';
        }
        else{
           ??????????????
        }
    })
})

Mais si on change d'avis et que l'on sélectionne relais central par exemple, il faut rétablir l'ordre initial et griser le choix volet.
Au lien de réécrire des 'Event' pour chaque 'input radio' il suffirait de détecter que le radio volet est décoché.
Est-ce possible?