点击,在多个图片上添加复选标记

时间:2016-03-23 11:38:34

标签: jquery html css

我在一行的表格单元格中显示了9张图片,我试图做的是当我点击图片时,我会在图片前面显示复选标记。如果我再点击一次,则复选标记将隐藏。如果我点击第二张图片复选标记也会显示在该图片上,第一张图片上的复选标记也会显示。同样是第三张,第四张,等等......

1 个答案:

答案 0 :(得分:3)

你可以这样说:

<label>
  <img src='https://cdn2.iconfinder.com/data/icons/lin/128/1.png'>
  <input type='checkbox'>
</label>
<label>
  <img src='https://cdn2.iconfinder.com/data/icons/lin/128/1.png'>
  <input type='checkbox'>
</label>
<label>
  <img src='https://cdn2.iconfinder.com/data/icons/lin/128/1.png'>
  <input type='checkbox'>
</label>
<label>
  <img src='https://cdn2.iconfinder.com/data/icons/lin/128/1.png'>
  <input type='checkbox'>
</label>