Discussion :

[Keever]

Bonjour,

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

Code :

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

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 html :

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

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

[andry.aime]

Bonjour,

Code :

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

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 html :

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

<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.

[Bovino]

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 :

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

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;
}

[Keever]

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