JQuery는 하나의 동작 만 수행합니다.

Question

왜 이것이 작동하지 않는지 이해할 수있는 사람이 있습니까?

<div id="css-check" class="css-check tool-tip checkbox inline" ... 
    <input id="someid" name="somename" type="checkbox" value="somevalue" /> 
</div> 

$('.css-check').bind({ 
    click: function() { 
    $(this).toggleClass('clicked'); 
    this.children[0].click(); 
    }, 
    mouseenter: function() { 
    // do something on mouseenter 
    } 
}); 

첫 번째 작업 만 수행됩니다. 따라서 클래스는 토글되지만 div의 [0] 자식 인 체크 상자는 클릭되지 않습니다.

편집

이 작동합니다.

var $checkbox = $(this).children('input:first-child'); 
$checkbox.prop('checked', !$checkbox[0].checked); 
$(this).toggleClass('clicked'); 

Answer 1

변화 :

this.children[0].click(); 

에 :

$(this).children('input:first-child').click(); 

참고 :

$(this).children('input:first-child').attr('checked', 'true');