顯示，如果沒有選中複選框的jQuery

Question

我試圖發展與jQuery和動態checkboxs和SharePoint列表來div的過濾器的所有div，我的問題是如何顯示所有的div如果沒有checkboxs進行檢查，這裏就是我做：

$("input:checkbox").change(function() { 
    if ($('input:checkbox').not(':checked').length == $('input:checkbox').length) { 
     $('.flowers > div').show(); 
    } 
}); 

花是類我div容器的，我想花div來顯示所有的div如果沒有複選框被選中。

感謝您的幫助

Answer 1

你還是搜索選中的複選框數，顯示在div如果計數等於0，否則，隱藏起來：

if ($('input:checkbox:checked').length == 0) { 
    $('.flowers > div').show(); 
} 

Answer 2

if ($("input:checkbox:checked").length == 0) 
{ 
    // your code to show all divs 
} 
else 
{ 
    //code to show the div that corresponds to checked checkbox only 
} 

Answer 3

如果您需要的複選框不我可以通過這個例子找到你：

HTML：

<form id="form"> 
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br> 
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form> 

個

JS：

$("#form").change(function() { 
    checkMyCheckbox(); 
}); 

function checkMyCheckbox() { 
    var a = $("#form").find("input:checked").length; 
    if(a == 0) { 
     alert("no checked boxes"); 
    }  
} 

這到底是怎麼發生的，你把你的形式與複選框，你選中的元素的數量。 如果數字是0，你沒有選中的元素。做你的東西在if語句

Answer 4

這裏是我的完整方法：

$(document).ready(function() { 
$("#vcf-theme").accordion(); 
$('div.flowers-wrap').find('input:checkbox').on('click', function() { 
    $('.flowers > div').hide(); 
    $('div.flowers-wrap').find('input:checked').each(function() { 
     $('.flowers > div.' + $(this).attr('rel')).show(); 
    }); 
}); 

$("input:checkbox").change(function() { 
    if ($('input:checkbox').not(':checked').length == $('input:checkbox').length) { 
     alert("no one is checked !"); 
     $('.flowers > div').show(); 
    } 
}); 

}）;

警告消息顯示，但不是divs