チェックボタンでやるか、ラジオボタンでやるかによって処理が大幅に変わりますね
一応排他処理がラクなラジオボタンにしておきます
javascript
1document.addEventListener('change',function(e){
2 var t=e.target;
3 var q1=document.querySelector('[name=q1]:checked')?document.querySelector('[name=q1]:checked').value:"";
4 var q2=document.querySelector('[name=q2]:checked')?document.querySelector('[name=q2]:checked').value:"";
5
6 if(q1=="Y" && q2=="Y" ||
7 q1=="Y" && q2=="N" ||
8 q1=="N" && q2=="Y"){
9 document.querySelector('#imgA').classList.remove('hide');
10 document.querySelector('#imgB').classList.add('hide');
11 }else if(q1=="N" && q2=="N"){
12 document.querySelector('#imgA').classList.add('hide');
13 document.querySelector('#imgB').classList.remove('hide');
14 }
15});
HTML
1<form>
2Q1:
3<input type="radio" name="q1" value="Y">
4<input type="radio" name="q1" value="N">
5Q2:
6<input type="radio" name="q2" value="Y">
7<input type="radio" name="q2" value="N">
8<hr>
9<img src="a.jpg" alt="a" class="hide" id="imgA">
10<img src="b.jpg" alt="b" class="hide" id="imgB">
11</form>