选中一定数量的复选框后调用函数

Question

一旦检查了一定数量的复选框,我试图淡出一个div,但我无法让它工作.我尝试了val和长度,但我相信我没有为复选框提取正确的值？

$('input:checkbox').change(
    function(){
        if ($(this).is(':checked').val > 2) {
            alert('checked');
        }
    });

任何输入都会非常感激.谢谢!

Answer 1

您可以使用选择器并检查找到的元素数量(length表示这一点).

$('input:checkbox').change(function() {
    var numberChecked = $('input:checkbox:checked').length;
    if (numberChecked > 2) {
        // Fade your div out here
    }
});