javascript - 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>