Html 如何在图像上显示复选框以供选择？

我想在每个图像的右下角显示一个复选框以供选择

我怎么能做这样的事

---

请记住，单击图像有一个唯一的事件（我会设法做到！），但单击该复选框应选择/取消选择该事件？

如果是我，我将尝试使用jQuery进行此操作。让我们假设每个图像都在各自的div中，并且checkbo的id为check:

  $('div').click(function()

    { 
         //you select the checkbox and ad the code to do what you want to it

       ('#check').

    });

---

这可以通过纯CSS实现，假设所有图像的宽度和高度都是固定的。诀窍是设置复选框的绝对位置，然后将

底部

和

右侧

指定为零

HTML示例：

CSS:

.container{位置：相对；宽度：100px；高度：100px；浮动：左；左边距：10px；}
.checkbox{位置：绝对；底部：0px；右侧：0px；}

---

至于单击事件，只需将单击处理程序应用于每个复选框，它就可以正常工作。。请参见。

如果您只需要选中/取消选中复选框，那么我的建议如下：

步骤1:将图像和复选框放在块中（可以是div或table）
第2步：提供具有特定高度和宽度的块相对位置
步骤3:对于复选框，为其提供绝对位置，并设置右侧和底部间隙（根据您的要求）

例如，代码应该如下所示

    <div class="img_block">
                <img src="image-path" alt="" />
        <input type="checkbox" class="chkbox" />
    </div>
    <div class="img_block">
        <img src="image-path" alt="" />
        <input type="checkbox" class="chkbox" />
    </div> 

同样的css是

.img_块{位置：相对；宽度：230px；右侧边距：20px；底部边距：10px；高度：30px；}
.chkbox{位置：绝对；右侧：5px；底部：3px；}

---

我希望这能满足你的要求。

我认为正确的方法是，取一个

div

并将

背景图像放置到它上面，在每个
div
中你可以有复选框。这也是我的想法，但我不知道如何使用css（即如何为此构建html）！有人能提供html/css来显示这张图片吗？你的意思是什么？答案不完整。问题是关于在图像上显示复选框。