Désactivation d'un champ à partir d'un bouton radio
Bonjour à tous :D
Je souhaiterais savoir si quelqu'un connaitrait la méthode pour désactiver le champ d'un formulaire (le "griser")en cochant un bouton radio du même formulaire.
En résumé voici le principe :
Soit un formulaire donné.
1ère contrainte :
Si case A est cochée le champ cible est actif.
Si case B est cochée le champ cible est désactivé.
2ème contrainte :
Si le champ cible est désactivé, la valeur attendue dans ce champ ne doît pas être prise en compte dans la requête SQL permettant l'enregistrement des valeurs saisies ou sélectionnées via le formulaire.
http://thierry.melleraud.free.fr/img/capture.JPG
J'espère être clair dans mes explications... je sais qu'il y a une condition là dessous, éventuellement avec le code suivant :
Code:
document.form.CHAMP.disabled=true/false
mais je ne vois pas par quel bout m'y prendre... si quelqu'un a un début d'idée, je suis preneur. :D
Merci par avance.
Déclencher 2 fonctions dans un onclick="javascript:mafonction()"
Bonjour à tous,
tout est dans le titre en espérant que ce soit suffisamment explicite... en fait je souhaite effectuer simultanément 2 actions en cochant 1 checkbox :
1ère action :
désactiver un champ du formulaire('champcible') via le code suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| function changement()
{
if (document.getElementById('caseA').checked)
document.getElementById('champcible').disabled=true;
else
document.getElementById('champcible').disabled=false;
document.getElementById('caseB').disabled=true;
if (document.getElementById('caseB').checked)
document.getElementById('champcible').disabled=false;
else
document.getElementById('champcible').disabled=true;
document.getElementById('caseB').disabled=true;
} |
Concrètement cette fonction va permettre en cochant la case A de désactiver à la fois le champ cible et désactiver la case B.
Inversement, en cochant la case B , cela aura pour effet d'activer le champcible et de désactiver la case A.
2ème action :
désactiver le champcible dans la requête SQL récupérant la valeur de ce champ.
le code permettant cette action serait le suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| function changement2()
{
if (document.getElementById('caseA').checked)
document.getElementById('champcible').readOnly=true;
else
document.getElementById('champcible').readOnly=false;
if (document.getElementById('caseB').checked)
document.getElementById('champcible').readOnly=false;
else
document.getElementById('champcible').readOnly=true;;
} |
J'en reviens donc à ma problématique, comment faudrait il s'y prendre pour avoir dans un seul onclick l'appel de mes 2 fonctions ?
Code:
<input type="checkbox" id="caseA" onclick="javascript:changement()" onclick="javascript:changement2()">
C'est un peu lourd... ?
De plus, en poussant la réflexion plus loin, puisqu'à un moment donné j'y serais forcément confronté, c'est pouvoir désactiver les champs case A et case B une fois tout ce traitement effectué...(pour que ma requête SQL ne prenne pas en compte ces champs case A et case B) à moins qu'il y ai une autre solution que j'ignore pour l'instant... :roll:
En espérant avoir un éclaircissement sur mon problème, je vous en remercie d'avance. :)