AJAX

Basics

Data

DOM

Effects

Events

Forms

jQuery UI

Plug Ins

Traversing

jQuery - Counting Selected Checkboxes

Select as many checkboxes as you like.

checkboxes selected.

 


const Recount = () =>
{
    let results = 0;
    for (let i = 1; i <= 5; i++)
    {
        if ($("#check" + i).is(':checked'))
        { results++; }
    }

    $("#current-count").html(results);
};

//wire up controls
$(":checkbox").on({ click: Recount });

// Set default
let currentCount = "0";
$("#current-count").html(currentCount);