Bonjour,

je souhaite savoir comment je pourrais rassembler 2 lignes de code :

       document.getElementById("test1").style.display = chkPassport.checked ? "none" : "block";
       document.getElementById("test2").style.display = chkPassport.checked ? "none" : "block";

Je vous en remercie d'avance

Utilise des classes plutôt que des ID

for(var i=0;i<2;i++){
document.getElementById("test"+(i+1)).style.display = chkPassport.checked ? "none" : "block";
}

Mais via jquery c'est plus simple...

$('#test1').css('display','block');
$('#test2').css('display','block');

ou...

for(var i =0; i< 2; i++){
$('#test'+(i+1)).css('display','block');
}

-
Edité par MehdiKacim 21 février 2017 à 21:45:49

Tu lui montre le mauvais exemple là MehdiKacim. Si on a besoin de faire un traitement non unitaire sur des éléments tu utilises des classes. Tu bidouilles pas pour que ça fonctionne avec des ID. Rien ne l'empêche de mettre les deux après

Bonjour, 

   La solution des classes est la solution la moins compliquée. Parce que là, avec seulement deux id, on peut bidouiller. Mais s'il faut mettre 100 000 id, c'est chiant (et la solution du for va bouffer de la RAM pour rien). 

Si l'op décide rester sur les id, en utilisant jQuery il y a aussi les sélecteurs multiples qui sont bien : 

$('#id1, #id2').resteDesFonctions();

Mais s'il y a plus de deux id à traiter, c'est pas une bonne idée du tout de traiter avec les id.