Bonjour à tous comment utilisé les check box pour activer un formulaire
ce que je veux faire c'est quand on clike sur le checkbox
le formulaire est actif
si on decoche le chekbox
le formulaire n'est pas actif
merci
<input type="checkbox" name="check" value="" onClick="DesactiveFormulaire('idForm');" />
<form action="" method="post" id="idForm" >
<input type="text" id="input1" name="input1" />
<input type="text" id="input2" name="input2" />
</form>
Le JS :
function DesactiveFormulaire(idFormulaire) {
var form=document.getElementById(idFormulaire);
for ( var i = 0; i < form.elements.length ; i++)
form.elements[i].disabled='true';
}
Bon tu dois améliorer pour prendre en compte le booleen du disabled via un parametre ou une variable globale au script etc...<input type="checkbox" id="check" name="check" value="" onClick="DesactiveFormulaire(this, 'idForm');" />
<form action="" method="post" id="idForm" >
<input type="text" id="input1" name="input1" />
<input type="text" id="input2" name="input2" />
</form>
Le JS :
function DesactiveFormulaire(checkboxObject, idFormulaire) {
var form=document.getElementById(idFormulaire);
for ( var i = 0; i < form.elements.length ; i++)
if (checkboxObject.checked)
form.elements[i].disabled='';
else
form.elements[i].disabled='true';
}
Par contre si ta case à cocher est par défaut décoché, penses à mettre disabled='true' sur tous les élements du formulaire au chargement de ta page.function DesactiveFormulaire(checkboxObject, idFormulaire) {
if (checkboxObject.checked)
var mode='true';
else
var mode='';
var form=document.getElementById(idFormulaire);
for ( var i = 0; i < form.elements.length ; i++)
form.elements[i].disabled=mode;
}
encore plus compactfunction DesactiveFormulaire(checkboxObject, idFormulaire) { if (checkboxObject.checked) var mode='true'; else var mode=''; var form=document.getElementById(idFormulaire); for ( var i = 0; i < form.elements.length ; i++) form.elements[i].disabled=mode; }
function DesactiveFormulaire(checkboxObject, idFormulaire) {
var mode = (checkboxOject.checked) ? "true" : "";
var form=document.getElementById(idFormulaire);
for ( var i = 0; i < form.elements.length ; i++)
form.elements[i].disabled=mode;
}