Ensemble de boutons radio dans «Javascript»

J’ai un ensemble de trois boutons radio connectés à un ensemble de trois images – à savoir {image1, radioBtn1}, {image2, radioBtn2}, {image3, radioBtn3}.

J’essaie de faire ce qui suit: Quand je clique sur une image, le bouton radio connecté à ce bouton devient automatiquement “coché” (par exemple: lorsque je clique sur image3, radioBtn3 sera cochée)

J’ai essayé le code suivant:

HTML:

Javascript:

 function selectSubject(){ if(document.getElementById('image1')) document.getElementById(radioBtb1).checked=true; if(document.getElementById('personal')) document.getElementById(radioBtb2).checked=true; if(document.getElementById('image3')) document.getElementById(radioBtb3).checked=true; }

Mais cela n’a pas fonctionné du tout.

Vous pouvez le faire très facilement en utilisant la . Utilisez simplement la syntaxe suivante:

Cela fera automatiquement ce que vous recherchez.

Si vous voulez toujours le faire avec javascript, vous pouvez le faire comme ceci. Je l’ai fait pour que vous puissiez voir tout ce qui se passe.

Vérifiez ce violon qui fonctionne

 window.onload = function () { var image1 = document.getElementById('image1'); var image2 = document.getElementById('image2'); var image3 = document.getElementById('image3'); image1.addEventListener('click',runmewhenclicked); image2.addEventListener('click',runmewhenclicked); image3.addEventListener('click',runmewhenclicked); }; function runmewhenclicked() { var id = this.id; if(id == "image1") { document.getElementById("radioBtb1").checked = true; } else if(id == "image2") { document.getElementById("radioBtb2").checked = true; } else if(id == "image3") { document.getElementById("radioBtb3").checked = true; } };