Checkbox , tout selectionner et lancer les evenements

Résolu/Fermé
Magi - 6 sept. 2013 à 09:01
 Magi - 6 sept. 2013 à 09:49
Bonjour,

Voici mon problème , chaque checkbox a un evenement OnClik, quand je clique pour tous les selectionner j'aimerai que tout les evenement on clique se fasse

Voici mon code

<script type="text/javascript">

function GereChkbox(conteneur, a_faire) {
var blnEtat=null;
var Chckbox = document.getElementById(conteneur).firstChild;
while (Chckbox!=null) {
if (Chckbox.nodeName=="INPUT")
if (Chckbox.getAttribute("type")=="checkbox") {
blnEtat = (a_faire=='0') ? false : (a_faire=='1') ? true : (document.getElementById(Chckbox.getAttribute("id")).checked) ? false : true;
document.getElementById(Chckbox.getAttribute("id")).checked=blnEtat;
}
Chckbox = Chckbox.nextSibling;
}


}

function Generealert()
{
alert("appeler");

}
</script>
<form>
<input type="button" value="Tout cocher" onClick="GereChkbox('div_chck','1');">   
<input type="button" value="Tout décocher" onClick="GereChkbox('div_chck','0');">   
<input type="button" value="Inverser la sélection" onClick="GereChkbox('div_chck','2');">
<br /><br />
<div id="div_chck">
<input type="checkbox" name="checkbox1" id="checkbox1" onClick="Generealert();" value="1"><label for="checkbox1">Choix 1</label><br />
<input type="checkbox" name="checkbox2" id="checkbox2" onClick="Generealert();" value="2"><label for="checkbox2">Choix 2</label><br />
<input type="checkbox" name="checkbox3" id="checkbox3" onClick="Generealert();" value="3"><label for="checkbox3">Choix 3</label><br />
<input type="checkbox" name="checkbox4" id="checkbox4" onClick="Generealert();" value="4"><label for="checkbox4">Choix 4</label><br />
<input type="checkbox" name="checkbox5" id="checkbox5" onClick="Generealert();" value="5"><label for="checkbox5">Choix 5</label>
</div>
</form>

1 réponse

<script type="text/javascript">

function GereChkbox(conteneur, a_faire) {
var blnEtat=null;
var elem = document.getElementById(conteneur).firstChild; //Ajouter ICI
var Chckbox = document.getElementById(conteneur).firstChild;
while (Chckbox!=null) {
if (Chckbox.nodeName=="INPUT")
if (Chckbox.getAttribute("type")=="checkbox") {
blnEtat = (a_faire=='0') ? false : (a_faire=='1') ? true : (document.getElementById(Chckbox.getAttribute("id")).checked) ? false : true;
document.getElementById(Chckbox.getAttribute("id")).checked=blnEtat;



elem.onclick.apply(elem); //Ajouter ICI Aussi

}

Chckbox = Chckbox.nextSibling;

}




}

function Generealert()
{
alert("appeler");

}
</script>
<form>
<input type="button" value="Tout cocher" onClick="GereChkbox('div_chck','1');">   
<input type="button" value="Tout décocher" onClick="GereChkbox('div_chck','0');">   
<input type="button" value="Inverser la sélection" onClick="GereChkbox('div_chck','2');">
<br /><br />
<div id="div_chck">
<input type="checkbox" name="checkbox1" id="checkbox1" onClick="Generealert();" value="1"><label for="checkbox1">Choix 1</label><br />
<input type="checkbox" name="checkbox2" id="checkbox2" onClick="Generealert();" value="2"><label for="checkbox2">Choix 2</label><br />
<input type="checkbox" name="checkbox3" id="checkbox3" onClick="Generealert();" value="3"><label for="checkbox3">Choix 3</label><br />
<input type="checkbox" name="checkbox4" id="checkbox4" onClick="Generealert();" value="4"><label for="checkbox4">Choix 4</label><br />
<input type="checkbox" name="checkbox5" id="checkbox5" onClick="Generealert();" value="5"><label for="checkbox5">Choix 5</label>
</div>
</form>
0