Lier des checkbox's entre elles Fermé

Question

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 !




Configuration: Windows 7 / Safari 537.1

Utilisateur anonyme · Answer

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.

Alain_42 · Answer

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>

Lier des checkbox's entre elles

2 réponses

Discussions similaires