이미지를 클릭하여 체크 박스를 선택하십시오.

Question

축소판 아래에 체크 박스가 있습니다. http://jsfiddle.net/pAYFa/ 축소판을 클릭하여 확인하고 싶습니다. 확인란이 선택되어 있습니다. 나는 이것이 자바 스크립트로 할 수 있다고 생각하는데, 나는 자바 스크립트에서 어떤 도움을 appriciate거야. 감사.

Answer 1

이미지를 레이블에 넣고 중복 ID를 제거하십시오. 나는 첫 번째 하나 그것을 한 적이 : 문서 에서 http://jsfiddle.net/karim79/pAYFa/1/

각 ID는 specification에 따라 고유해야합니다.

Answer 2

글쎄, 가장 쉬운 방법은 이미지 주위에 라벨을 붙이는 것입니다. 원하는대로 정확하게 수행 할 수 있습니다.

<label for="img1"><img class="img" src="http://s5.tinypic.com/30v0ncn_th.jpg" /></label> 
<input type="checkbox" class="chk " checked="checked" id="img1" name="img1" value="0" /> 

아니요 javascript가 필요하지 않습니다! 동일한 ID를 가진 요소를 두 개 이상 가질 수 없으므로 <img> 태그에서 id="img1"을 제거해야합니다.

Answer 3

이미지 처리기를 이미지에 첨부하는 방법에 대해 궁금한 점이 있으시면 위의 답변을 자바 스크립트를 통해 처리 할 필요가 없습니다. 체크 박스 ID를 이미지 ID와 다른 것으로 변경해야합니다. 없이

$('img').click(function(){ 
    $(this).next().click(); 
}) 

이 조금 어려워진다 :이 아이의 놀이입니다 jQuery를 함께 chk2

document.getElementById('img2').onclick = function() //attach to onclick 
{        
     var checkbox = document.getElementById('chk2'); //find checkbox 

     checkbox.checked = !checkbox.checked; //toggle the checked status 
} 

Answer 4

에 이름.

<img class="img" src="http://s5.tinypic.com/30v0ncn_th.jpg" id="img1" onclick="toggle('img1_cb')" /> 

그런 다음 자바 스크립트했다 : 노트의

function toggle(what){ 
    var cb = document.getElementById(what); 
    cb.checked = !cb.checked; 
}