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(); 

注：此觸發click事件，如果你想查詢的複選框，然後使用：

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