checkbox name count

counts the number of checkboxe names that have a value checked

by Oliver Kelso

HTML

<form id="myForm">
    <fieldset>
        <legend>group 1:</legend>
        <input type="checkbox" name="groupOne[]" value="17" />
        <input type="checkbox" name="groupOne[]" value="16" />
    </fieldset>
    <fieldset>
        <legend>group 2:</legend>
        <input type="checkbox" name="groupTwo[]" value="acer" />
        <input type="checkbox" name="groupTwo[]" value="dell" />
    </fieldset>
    <fieldset>
        <legend>group 3:</legend>
        <input type="checkbox" name="groupThree[]" value="intel" />
        <input type="checkbox" name="groupThree[]" value="amd" />
    </fieldset>
    <fieldset>
        <legend>group 4:</legend>
        <input type="checkbox" name="groupFour[]" value="windows" />
        <input type="checkbox" name="groupFour[]" value="mac" />
    </fieldset>
</form>

JavaScript

function checkBoxGroup(form) {
    var checked = [];

    $(form + " input[type='checkbox']:checked").each(function () {
        var cName = $(this).attr("name").match(/[^[]*/);
        if (jQuery.inArray(cName['0'], checked) == -1) {
            checked.push(cName['0']);
        }
    });

    console.log(checked);
    console.log(checked.length);
}

$("input").on('click', function () {
    checkBoxGroup("#myForm");
});