Lier des checkbox's entre elles
JayGarrick
Messages postés
1
Statut
Membre
-
Alain_42 Messages postés 5413 Statut Membre -
Alain_42 Messages postés 5413 Statut Membre -
Bonjour,
voilà, j'aimerai lié plusieurs Checkbox entre elles. Ce que je veux dire, supposons que j'ai une liste d'épisode, je check l'épisode 10, et tout les épisodes qui sont avant l'épisode 10 sont aussi check, si je check l'épisode 9, alors tous les épisodes avant sont aussi checké. Une solution en HTML+JS ?
Need une solution ! Merci !
voilà, j'aimerai lié plusieurs Checkbox entre elles. Ce que je veux dire, supposons que j'ai une liste d'épisode, je check l'épisode 10, et tout les épisodes qui sont avant l'épisode 10 sont aussi check, si je check l'épisode 9, alors tous les épisodes avant sont aussi checké. Une solution en HTML+JS ?
Need une solution ! Merci !
A voir également:
- Lier des checkbox's entre elles
- Lier calendrier outlook et gmail - Guide
- Comment lier des pdf - Guide
- Lier adresse mail gmail - Guide
- Lier au précédent word - Forum Word
- Lier deux tableaux excel - Guide
2 réponses
La solution est du JavaScript:
document.getElementById('IdDuCheckbox').checked=true;
Pour le déclenchement un onclick sur le checkbox.
Il faudrait que tu te débrouilles avec une boucle for pour cocher les checkbox.
Bon courage.
document.getElementById('IdDuCheckbox').checked=true;
Pour le déclenchement un onclick sur le checkbox.
Il faudrait que tu te débrouilles avec une boucle for pour cocher les checkbox.
Bon courage.
voilà:
<html>
<head>
<script type="text/javascript">
function cocher_decocher(id_checkbox){
var obj=document.getElementById(id_checkbox);
if(obj.checked == true){
for(i=1;i < parseFloat(id_checkbox);i++){
document.getElementById(i).checked =true;
}
}else{
//si utilisateur decoche un case on decoche tout
for(i=1;i <= 7;i++){
document.getElementById(i).checked =false;
}
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="checkbox" name="episode_1" id="1" value="episode_1" onclick="cocher_decocher(this.id);" />episode 1<br />
<input type="checkbox" name="episode_2" id="2" value="episode_2" onclick="cocher_decocher(this.id);" />episode 2<br />
<input type="checkbox" name="episode_3" id="3" value="episode_3" onclick="cocher_decocher(this.id);" />episode 3<br />
<input type="checkbox" name="episode_4" id="4" value="episode_4" onclick="cocher_decocher(this.id);" />episode 4<br />
<input type="checkbox" name="episode_5" id="5" value="episode_5" onclick="cocher_decocher(this.id);" />episode 5<br />
<input type="checkbox" name="episode_6" id="6" value="episode_6" onclick="cocher_decocher(this.id);" />episode 6<br />
<input type="checkbox" name="episode_7" id="7" value="episode_7" onclick="cocher_decocher(this.id);" />episode 7<br />
</form>
</body>
