Question

所以我有这个带有无线电选项的表，我正在尝试创建一个If / Else语句，如果没有选中radio选项而另一个则是，那么它会将图像更改为X Mark（{{3如果选中它，它将变为复选标记的图像（http://i.imgur.com/RcuPIGF.png）。这是我到目前为止所拥有的：

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>
  	<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>
  	</label>
     </td>
    <td>
  	<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>
  	</label>
     </td>
</tr>
</table>

Answer 1

您的代码看起来很好，您只需将其附加到事件处理程序，以确保在勾选该代码时执行代码。

使用onclick属性是执行此操作的众多方法之一（但不是最好的方法）。

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

Check out this fiddle.

If / Else语句在未单击时更改无线电选项的图像

1 个答案: