/Elseステートメント画像をクリックしていないときにラジオオプションの画像を変更する

Question

ラジオオプションを使用してこのテーブルを作成しています。ラジオオプションがチェックされておらず、 1つは、画像をXマーク（http://i.imgur.com/RcuPIGF.png）に変更し、チェックされていればチェックマーク（http://i.imgur.com/QAUUxYF.jpg）の画像に変わります。 は、ここで私がこれまで持っているものです。

var radio1img1 = document.getElementById("radio1img1"); 
 
var radio1img2 = document.getElementById("radio1img2"); 
 

 
if (radio1img1.checked){ 
 
    changeImage('img1','http://i.imgur.com/QAUUxYF.jpg'); 
 
} else { 
 
    changeImage('img1','http://i.imgur.com/RcuPIGF.png'); 
 
} 
 
if (radio1img2.checked){ 
 
    changeImage('img2','http://i.imgur.com/QAUUxYF.jpg'); 
 
} else { 
 
    changeImage('img2','http://i.imgur.com/RcuPIGF.png'); 
 
}

<table border="1"> 
 
<tr> 
 
    <td><b>B1</b></td> 
 
    <td> 
 
    \t <label> 
 
    <input type="radio" name="radio1" id="radio1img1"> 
 
    <img align="center" name="radio1" class="theimage" id="img1" height="40px" width="40px" src="http://i.imgur.com/DGofFGc.png"> 
 
</input> 
 
    \t </label> 
 
    </td> 
 
    <td> 
 
    \t <label> 
 
    <input type="radio" name="radio1" id="radio1img2"> 
 
    <img align="center" name="radio1" class="theimage" id="img2" height="40px" width="40px" src="http://i.imgur.com/DGofFGc.png"> 
 
</input> 
 
    \t </label> 
 
    </td> 
 
</tr> 
 
</table>

Answer 1

あなたのコードは正常に見える、あなただけのものがチェックされたときにコードが実行されることを確認するイベントハンドラにアタッチする必要があります。

onclick属性を使用することは、これを実行する多くの方法の1つです（ただし、最善の方法ではありません）。

<input onchange="someFuntion();" .. /> 

Check out this fiddle.