Question

js 控制checkbox选中事件

html代码：
<label for="1-1"><img src="../images/seat-g.png"></label>
<input type="checkbox" name="seats" id="1-1" onclick="check(this)"/>
<label for="1-2"><img src="../images/seat-g.png"></label>
<input type="checkbox" name="seats" id="1-2" onclick="check(this)"/>
<br />
<label for="2-1"><img src="../images/seat-g.png"></label>
<input type="checkbox" name="seats" id="2-1" onclick="check(this)"/>

我想改成：

请问这个js怎样实现
绿色椅子(seat-gpng)
红色椅子(seat-r.png)
谢谢！





Answer 1

给img设id，跟checkbox的id关联起来，可以这样
<img id="img"+checkbox的id />
check(){
document.getElementById("img+"this.id).src="../images/seat-r.png";

}