如果div包含選中的複選框設置顯示到框

Question

我有由排序標準的菜單。每個標準的選項都被列爲一個div類，複選框'.collapse_box'。

我需要檢查每一個div的，看看是否任何它所包含的複選框被選中。如果有任何複選框，我需要將DIV顯示設置爲阻止。

我是基於這樣的思考：

$('.collapse_box')each(function() 

    if($(this).(input:checked).length() > 0{ //here lies my problem 
     $(this).show(); 
    } 

}); 

眼看我很新的JavaScript和jQuery我不知道如何返回檢查盒$（本）。或者更好地說：檢查$（this）中的任何複選框是否被選中的正確方法。

Answer 1

你的選擇是錯誤的，元素總是給出字符串或對象：

if($(this).find('input:checked').length > 0){ 

此外，length心不是功能，而是一個屬性。你忘了.find()
Made you a jsFiddle with demo

Answer 2

好吧，假設input s爲孩子，像這樣將工作：

$('.collapse_box').each(function(){ 
    if($(this).find('input').prop('checked')){ 
     $(this).show(); 
    } 
}); 

的.prop('checked')件返回的input是否一個布爾值檢查或不。

編輯 Martijn提供了一個很好的觀點，你可以用選擇器將它切換到vanilla JS。

$('.collapse_box').find('input').each(function(){ 
    var self = this; 
    if(self.checked){ 
     self.style.display = 'block'; 
    } 
});