일련의 div를 클릭하여 확인란을 선택하거나 선택을 취소하십시오.

Question

일련의 div를 클릭 할 때 확인란을 선택하거나 선택을 취소하려고합니다. 예를 들어 세 개의 div 목록이 있고 각 div는 하나의 확인란에 해당합니다. 하나의 div를 선택하면 상자를 선택하고 이전 클릭으로 선택한 상자의 선택을 취소해야합니다.

은 여기 내 html로

<div class="trigger">1</div> 
<div class="trigger">2</div> 
<div class="trigger">3</div> 

<input id="one" type="checkbox"> 
<input id="two" type="checkbox"> 
<input id="three" type="checkbox"> 

및 JS

$('.trigger').click(function(){ 
    $('input[type=checkbox]').attr('checked', false); 
    $('input[type=checkbox]').eq($(this).index('.trigger')).attr('checked', true); 
}); 

과정은 첫 번째 루프 잘 실행하고 첫 번째 반복 후 작동이 중지됩니다. 여기는 바이올린입니다. 내가 잘못

http://jsfiddle.net/sghoush1/GS7p8/5/

Answer 1

대신의 .prop()을 시도하고있는 중이 야 알아낼 질수 .attr()

$('.trigger').click(function(){ 
    $('input[type=checkbox]').prop('checked', false); 
    $('input[type=checkbox]').eq($(this).index('.trigger')).prop('checked', true); 
}); 

데모 : Fiddle

Answer 2

하는 무엇이다 그 대신 ATTR

$('input[type=checkbox]').prop('checked', false); 
$('input[type=checkbox]').eq($(this).index('.trigger')).prop('checked', true);