'disable' des checkbox sur IE

Version imprimable

Bonjour,

J'utilise un petit script pour mettre 'disable' trois checkbox lorsque je clique sur une quatrième. Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    function updateCheckboxes(cb) {
        if (cb.checked) {
            document.getElementById("cb1").disabled = true;
            document.getElementById("cb2").disabled = true;
            document.getElementById("cb3").disabled = true;
            document.getElementById("cb4").disabled = true;
        }
        else {
            document.getElementById("cb1").disabled = false;
            document.getElementById("cb2").disabled = false;
            document.getElementById("cb3").disabled = false;
            document.getElementById("cb4").disabled = false;
        }
    }

Et le HTML :

Code:

1
2
3
4
5
    <input id="cb1" type="checkbox" name="Resource" checked="checked"/> Resources <br />
    <input id="cb2" type="checkbox" name="Capacity" checked="checked"/> Capacity Forecast <br />
    <input id="cb3" type="checkbox" name="BudgetSynthesis" checked="checked"/> Budget Synthesis <br />
    <input id="cb4" type="checkbox" name="Plan" checked="checked"/> Operation Plan <br />
    <input type="checkbox" name="Rpm" onchange="updateCheckboxes(this)"/> RPM Data <br />

Tout cela marche très bien sur Chrome mais je viens de le tester sous IE et là plus rien ne marche, toutes mes checkbox réagissent n'importe comment...

Pourriez-vous m'indiquer d'où vient le problème afin de trouver une alternative ?

Merci d'avance,

Alex

Bonjour,
Code:

1 2 3 4 5 6 7 function updateCheckboxes(cb) { document.getElementById("cb1").disabled = cb.checked; document.getElementById("cb2").disabled = cb.checked; document.getElementById("cb3").disabled = cb.checked; document.getElementById("cb4").disabled = cb.checked; }
Code:

<input type="checkbox" name="Rpm" onclick="updateCheckboxes(this)"/> RPM Data <br />

A+.

EDIT: L’événement onchange n'est appelé sous IE que si l' attribut value de l'élément a été modifié manuellement. Or que ce n'est possible pour les checkbox et les radio button.

Andry, il est en général préférable de mettre les valeurs dont on se sert plusieurs fois dans une variable, ça évite de faire le test sur la propriété à chaque fois. ;)
Code:

1 2 3 4 5 6 7 function updateCheckboxes(cb) { var isChecked = cb.checked; document.getElementById("cb1").disabled = isChecked; document.getElementById("cb2").disabled = isChecked; document.getElementById("cb3").disabled = isChecked; document.getElementById("cb4").disabled = isChecked; }

21/05/2013, 15h08
Keever

Super, ça marche parfaitement. Je ne savais pas ce détail sur l'événement OnChange ;)