javascript - onClick Image 勾选/选中复选框

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>