Discussion :

[AMP29]

Bonjour,

Je dois désactiver des champs "input" dans mon formulaire sous certaines conditions.
Quand la valeur du champ "diamètre" d'un objet n'est pas vide, alors les champs "Largeur" et "Profondeur" sont désactivés.
Et, donc, réactivés quand "Diamètre" est vide.

Sauf que quelque soit la valeur dans la condition if, les champs "Largeur" et "Profondeur" sont toujours désactivés même quand "Diamètre" est vide.

J'ai fait le test avec une valeur précise : "1"
Que ce soit "1" ou autre chose la condition "else" n'est jamais lue.

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
16
17
18
19
20
21
22
23
24
 
<script>
    var textDiam = document.getElementById('Diam_id'),
        textLarg = document.getElementById('Larg_id'),
        textProf = document.getElementById('Prof_id');
 
      textDiam.oninput = disabled_Dim; 
 
    function disabled_Dim() {
 
        var valeur = $('#Diam_id').val();
        $b = 1;
 
        if (valeur == $b) {
            textLarg.setAttribute('disabled', 'true');
            textProf.setAttribute('disabled', 'true');
        }
        else
        {
            textLarg.setAttribute('disabled', 'false');
            textProf.setAttribute('disabled', 'false');
        }
    }
</script>

Merci

[AMP29]

Un premier problème est résolu :
La valeur "false" ne joue en rien sur l'état du contrôle.

J'ai changé ça :

Code :

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

1
2
3
 
            textLarg.setAttribute('disabled', 'false');
            textProf.setAttribute('disabled', 'false');

en ça :

Code :

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

1
2
3
 
            textLarg.setAttribute('enabled', 'true');
            textProf.setAttribute('enabled', 'true');

Pour autant ça ne fonctionne pas mieux.
J'arrive à les désactiver, mais jamais à les réactiver.

Pourtant le test sur la valeur dans if paraît valide, dans les diverses variations que j'ai essayées :

Code :

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

1
2
3
4
 
if (!$('#Diam_id').val())...
if ($('#Diam_id').val() == "")...
if ($('#Diam_id').val()) != ' ')...

Mais rien ne "passe"

[AMP29]

Purée, c'est pas possible.

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
16
17
18
19
 
    var textDiam = document.getElementById('Diam_id'),
        textLarg = document.getElementById('Larg_id'),
        textProf = document.getElementById('Prof_id');
 
    textDiam.onkeyup = disabled_Dim;
 
    function disabled_Dim() {
        var $t = $(this);
        if (!$t.val()) {
            textLarg.removeAttribute('disabled');
            textProf.removeAttribute('disabled');
            console.log("enabled");
        } else {
            textLarg.setAttribute('disabled', 'true');
            textProf.setAttribute('disabled', 'true');
            console.log("disabled");
        }
    }

Pffff
6 heures de recherches et d'essais
No comment