Discussion :

[strat0]

Bonjour,

J'ai un petit bug un peu étrange, qui n'apparaît que sous IE et pas sous Firefox.

Dans une <table> j'ai toute une série de checkbox, et je souhaite que lorsque l'on en coche une, ce soit la seule qui soit cochée; si une autre était cochée précédement elle sera décochée. Je précise qu'on est dans une page ASP.Net mais à ce stade ça ne devrait pas avoir d'influence.

Voilà ma fonction (qui prend en paramètres l'ID de la checkbox qui a été cochée) :

Code :

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

1
2
3
4
5
6
7
8
9
function verifCheckBoxes(checkBoxCochee)
{
    var loop = document.getElementById("Resultat_Gauche").getElementsByTagName("*");
    for (var i = 0; i < loop.length; i++)
    {
        if (loop[i].type == "checkbox" && loop[i].id != checkBoxCochee)
            loop[i].checked = false;
    }
}

Le problème est le suivant : sous IE (7), lorsque l'on coche une checkbox, la dernière checkbox cochée RESTE cochée, il faut cliquer quelque part dans la page pour que le coche disparaisse. Le navigateur se comporte comme s'il avait bien enregistrée que check était passé à false, mais ne l'appliquait visuellement que si l'utilisateur se manifeste.

Est-ce que c'est un problème connu?

[SpaceFrog]

Code :

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

1
2
function verifCheckBoxes(checkBoxCochee) {  var loop = document.getElementById("Resultat_Gauche").getElementsByTagName("*"); for (var i = 0; i < loop.length; i++)  {  if (loop[i].type == "checkbox" && loop[i].id != checkBoxCochee)  loop[i].checked = false;
document.body.focus(); } }

sinon

Code :

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

var loop = document.getElementById("Resultat_Gauche").getElementsByTagName("input");

serait plus rapide

[strat0]

Code :

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

document.body.focus();

...n'a rien changé.

Par contre j'ai remplacé l'attribut des checkbox "onchange" par "onclick" et maintenant ça fonctionne bien sous IE comme sous Firefox.

Visiblement c'est un problème connu sous IE depuis longtemps qui n'a jamais été corrigé.

[SpaceFrog]

le problème du onchange c'est qui'l faut parfois l'assortir d'un setTimeout ...

[sinsedrix]

J'ai rencontré moi aussi le problème du "onChange" avec les checkbox (sous IE uniquement), en fait l'évènement n'est pris en compte que lorsque la checkbox perd le focus.

Pour résoudre ce problème efficacement, j'ai trouvé cette solution :

Code :

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

1
2
<input type="checkbox" onChange="myCallBack();" onClick="fireEvent('onchange');" />