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

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

Answer 2

你可以试试这个：

 $('input:checkbox').change(
function () {
    var checkboxesChecked = 0;
    $('input:checkbox').each(function() {
        if ($(this).is(':checked')) {
            checkboxesChecked++;
        }
    });

    if (checkboxesChecked > 2) {
        alert('More than 2 checkboxes are checked.');
    }
});