Javascript :comment enable ou disable un champ text

Version imprimable

17/09/2009, 17h25
cyrilherve

Javascript :comment enable ou disable un champ text
Bonjour,
si j'ai par exemple un bouton radio du genre :
Code:

1 2 <gras><input type="text" name="montant" maxlength="7"></gras>
et que je veux le rendre inactif avec une fonction javascript commnt je fais :
Code:

1 2 <gras>document.formulaire.montant.desabled='true'</gras> ou bien ????
merci
17/09/2009, 17h40
SpaceFrog

la même faute de syntaxe que dans le tire "disabled"

Citation:

Envoyé par SpaceFrog

la même faute de syntaxe que dans le tire "disabled"

Ok pour disabled.
voici en fait ma fonction :
Code:

1 2 3 4 5 6 7 8 function act_desact() { if ( document.formulaire.type_pay.value=='comptant' ) document.formulaire.montant.disabled=true; else document.formulaire.montant.disabled=false; }
en fait j'ai 04 boutons d'option dans mon formulaire et je veux qu'en cliquant sur le 4 ieme dont la valeur est ' comptant ' le champ text qui au depart est desactive , s'active.
voici la partie de mon formulaire contenant les boutons d'options :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <table width="732" cellspacing="0" cellpadding="5"> <tr> <td width="128">Type de payment</td> </tr> <tr> <td width="128"><label> En compte </label><input type="radio" name="type_pay" value="en compte" ></td> <td width="138"><label> A destination </label><input type="radio" name="type_pay" value=" à destination" ></td> <td width="120"><label> Service </label><input type="radio" name="type_pay" value="service" ></td> <td width="126"><label> Comptant </label><input type="radio" name="type_pay" value="comptant" onChange="act_desact()"></td> <td width="168"><label> Montant total : </label><input type="text" name="montant" onClick="act_desact();"</td> </tr> </table>
mais ça ne marche pas ,,, d'ou viens le probleme ???

pour javascript le value est celui de la balise pas celui du groupe de radios coché.
Mets un id au radio que tu veux tester ,et teste si il est checked avec document.getElementById

[edit]
j'oubliais un detail qui a son importance, les radios et checkboxes ont la facheuse tendance à ne pas reagir comme on le voudrait sur le onmouseup.

Oui en fait je deconseille le onchange qui oblige la perte du focus et je conseille plutot le onmouseup, mais du coup curieusement sur le onmouseup l'etat du radio ou du checkbox n'est pas encore pris en compte, il suffit d'ajouter un petit délai:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <script type="text/javascript"> function act_desact() { if ( document.getElementById('type_cpt').checked ) document.forms['formulaire'].elements['montant'].disabled=true; else document.formulaire.montant.disabled=false; } </script> </head> <body> <form name="formulaire"> <table width="732" cellspacing="0" cellpadding="5"> <tr> <td width="128">Type de payment</td> </tr> <tr> <td width="128"><label> En compte </label><input type="radio" name="type_pay" value="en compte" onmouseup="setTimeout(function(){act_desact()},10)" ></td> <td width="138"><label> A destination </label><input type="radio" name="type_pay" value=" à destination" onmouseup="setTimeout(function(){act_desact()},10)" ></td> <td width="120"><label> Service </label><input type="radio" name="type_pay" value="service" onmouseup="setTimeout(function(){act_desact()},10)" ></td> <td width="126"><label> Comptant </label><input type="radio" name="type_pay" id="type_cpt" value="comptant" onmouseup="setTimeout(function(){act_desact()},10)"></td> <td width="168"><label> Montant total : </label><input type="text" name="montant" </td> </tr> </table> </form> </body> </html>

18/09/2009, 09h37
cyrilherve

Citation:

Envoyé par SpaceFrog

pour javascript le value est celui de la balise pas celui du groupe de radios coché....

c'est tout simplement magic !!!! ça marche exactement comme je veux. j'ai juste ajouter

Code:

disabled="disabled"

pour qu'au chargement de la page ' comptant ' soit par defaut ' disabled '.... vraiment genial ,, je crois que je vais me mettre serieusement au javascript , c'est fou ce qu'on peut faire avec ...
encore merci pour tout :ccool: