Modifier plusieurs champs hidden au changement d'une checkbox

Bonjour,

J'ai un tableau contenant différentes cases, chaque case contenant un formulaire qui, une fois modifié, relance la page. J'ai une checkbox à l'écart de ces formulaires et j'aimerais qu'une fois cochée, elle modifie un champ hidden dans chacun des formulaires pour indiquer qu'elle a été cochée. Le souci, c'est ce que ce champ hidden a le même nom dans l'ensemble des formulaires (qui sont tous identiques, en fait). Du coup, la modification ne se fait que dans le champ hidden du premier formulaire, et pas dans les suivants.

Est-ce qu'il est possible de contourner ça ? J'espère avoir été clair...

Le code de la checkbox :

				<input type="checkbox" id="checkbox" name="info" onchange="terms(event)">
				<script type="text/javascript">
function terms(e) {
    var el = e.srcElement;
    if (el.checked == false) {
        document.getElementById('info_mail').value = ''
    }
    else {
        document.getElementById('info_mail').value = 'oui'
    }
}    
				</script>

Le code d'un des formulaires :

					<form id="hebdo" action="creation_hebdo.php" method="post">
						<select name="id_med" onchange="this.form.submit();">
							<option>1</option>
							<option>2</option>
							<option>3</option>
 						</select>
   					<input type="hidden" name="type" value ="deplacement_matin">
    					<input type="hidden" id="info_mail" name="info_mail" value ="">
					</form>

Merci !

Ce que tu fais n'est pas correct car un id doit de toute façon être unique. Je ne sais pas comment on fait sans jQuery mais je suppose qu'il doit y avoir moyen de récupérer des éléments avec la même class par exemple.

Bonjour.

Vous devriez pouvoir utiliser :

document.getElementsByName("infomail")

qui vous donne un tableau que vous parcourez avec une boucle…