onClick圖像打勾/選中複選框

Question

我有一個複選框，然後是一個十字圖像如下。

當我點擊圖像，該複選框應該得到遏制。我已經嘗試了下面的代碼。但沒用。

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

任意一個幫助與JavaScript可以完成它......

Answer 1

嘗試標籤和先進的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> 

Answer 2

您可以使用jQuery來完成它

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

http://jsfiddle.net/nR5Mp/