onClick图像勾选/选中复选框

Question

我有一个复选框，然后是十字图像，如下所示。

当我点击图片时，应该检查复选框。我试过以下代码。但没用。

<img src="common_images/x.png" width="13" height="13" alt="X" onClick="this.chk.checked=true;"> 

任何人都可以帮助Javascript完成它......

Answer 1

您可以使用jQuery来完成它

$('image').click(function() {
    $(this).closest('tr').find('input[type="checkbox"]').click();
});

http://jsfiddle.net/nR5Mp/

Answer 2

尝试使用标签和高级css选择器：

http://jsfiddle.net/eBZQV/1/

<input type="checkbox" class="chk " checked="checked" id="img1" name="img1" value="0" />
<label for="img1">
    <img class="img" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/41566_188055278014093_1312238546_q.jpg" />
</label>