获取从复选框到div的状态

Question

我需要从复选框到我的div的状态。 div正在包装复选框。

<div id="checkWrapper"> 
<input type="checkbox" /> 
</div> 

类似的东西。当用户点击复选框并且它被检查状态时，我需要获得一些类到#checkWrapper div。类可以是任何东西，也许类似“检查”。

jQuery的可能吗？这很容易吗？

Answer 1

您可以使用:checked选择与.length，看它是否找到任何匹配，就像这样：

var is_checked = $("#checkWrapper :checkbox:checked").length > 0; 

对于click处理程序，你可以这样做：

$("#checkWrapper :checkbox").change(function() { 
    $("#checkWrapper").toggleClass("checked", this.checked); 
}); 

这将增加的checked类，当它被检查，删除它时，它不是。如果您需要与许多元素要做到这一点，使用像class="checkWrapper"一类.closest()，就像这样：

$(".checkWrapper :checkbox").change(function() { 
    $(this).closest(".checkWrapper").toggleClass("checked", this.checked); 
}); 

Answer 2

$('#checkWrapper :checkbox').live('change', function(){ 
    $(this).parent().toggleClass('checked', this.checked); 
});