Action d'un checkbox
Résolu
Lnjam
-
rasta67 -
rasta67 -
Bonjour,
je suis en train de créer un formulaire pour un site de vente.
J'ai deux parties sur ce formulaire :
- une partie "info de facturation" où le client rentre ses données perso (nom, adresse, ville,...)
- une partie "info de livraison" où le client rentre les infos si elles sont différentes de la première partie. J'ai donc un checkbox qui coché me recopie les données de la partie "info de facturation" et les bloquent et décochée me permet de rentrer de nouvelles données.
Comment faire avec le checkbox?
Merci de m'aider
je suis en train de créer un formulaire pour un site de vente.
J'ai deux parties sur ce formulaire :
- une partie "info de facturation" où le client rentre ses données perso (nom, adresse, ville,...)
- une partie "info de livraison" où le client rentre les infos si elles sont différentes de la première partie. J'ai donc un checkbox qui coché me recopie les données de la partie "info de facturation" et les bloquent et décochée me permet de rentrer de nouvelles données.
Comment faire avec le checkbox?
Merci de m'aider
A voir également:
- Action d'un checkbox
- Télécharger film d'action gratuitement et rapidement - Télécharger - TV & Vidéo
- Concurrent action - Guide
- Vous devez disposer d'une autorisation pour effectuer cette action - Guide
- Cette action ne peut pas être réalisée car le fichier est ouvert dans system - Guide
- Magasin moins cher qu'action - Guide
6 réponses
bonjour rasta67,
je viens de regarder du coté du onClick. Du coup, j'ai dans le <head> :
et dans mon <body> :
maintenant, comment faire pour que tous mes input soient activés ou désactivés en même temps? j'ai essayé en mettant id="texte_1" à chacun, mais ça ne marche pas...
je viens de regarder du coté du onClick. Du coup, j'ai dans le <head> :
<script language="Javascript">
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==false)?false:true;
return true;
}
</script>
et dans mon <body> :
<tr>
<input type="checkbox" id="chkb_1" onClick="GereControle('chkb_1', 'texte_1', '0');"> <label for="chkb_1">Identique à l'adresse de facturation</label>
</tr>
<tr>
<td>Nom *</td>
<td><input type="text" id="texte_1" name="nom" size="30"></td>
</tr>
<tr>
<td>Adresse *</td>
<td><input type="text" name="adresse1" size="30"></td>
</tr>
<tr>
<td></td>
<td><input type="text" name="adresse2" size="30"></td>
</tr>
<tr>
<td>Ville *</td>
<td><input type="text" name="ville" size="30"></td>
</tr>
maintenant, comment faire pour que tous mes input soient activés ou désactivés en même temps? j'ai essayé en mettant id="texte_1" à chacun, mais ça ne marche pas...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
j'ai trouvé autre chose :
onClick="GereControle('chkb_1', 'texte', '0');GereControle('chkb_1', 'texte2', '0');"
ce n'est surement pas propre comme code, mais ça marche...
onClick="GereControle('chkb_1', 'texte', '0');GereControle('chkb_1', 'texte2', '0');"
ce n'est surement pas propre comme code, mais ça marche...
ok , j'aurais proposé un truc du style:
<html>
<head>
<script language="Javascript">
function GereControle()
{
if(document.forms[0].chk.checked == 'checked')
{
document.forms[0].nom2.value = document.forms[0].nom1.value;
document.forms[0].adresse2.value = document.forms[0].adresse1.value;
document.forms[0].ville2.value = document.forms[0].ville1.value;
}
return false;
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="chk" onChange="javascript:GereControle();">
<br>
Infos de facturation:
Nom * <input type="text" name="nom1" size="30"></td>
Adresse *<input type="text" name="adresse1" size="30"></td>
Ville * <input type="text" name="ville1" size="30"></td>
<br>
Infos de livraison:
Nom * <input type="text" name="nom2" size="30"></td>
Adresse *<input type="text" name="adresse2" size="30"></td>
Ville * <input type="text" name="ville2" size="30"></td>
</form>
</body>
</html>
<html>
<head>
<script language="Javascript">
function GereControle()
{
if(document.forms[0].chk.checked == 'checked')
{
document.forms[0].nom2.value = document.forms[0].nom1.value;
document.forms[0].adresse2.value = document.forms[0].adresse1.value;
document.forms[0].ville2.value = document.forms[0].ville1.value;
}
return false;
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="chk" onChange="javascript:GereControle();">
<br>
Infos de facturation:
Nom * <input type="text" name="nom1" size="30"></td>
Adresse *<input type="text" name="adresse1" size="30"></td>
Ville * <input type="text" name="ville1" size="30"></td>
<br>
Infos de livraison:
Nom * <input type="text" name="nom2" size="30"></td>
Adresse *<input type="text" name="adresse2" size="30"></td>
Ville * <input type="text" name="ville2" size="30"></td>
</form>
</body>
</html>
