Checked Checkbox Values In Array With jQuery

Lets use jQuery. If we want to get selected checkbox values, we can do it easily with jQuery. We use checkboxes many times in JavaScript, and in many cases we find the need to get all the checkboxes values. We can store these values in many ways, we will use array this time. We will use jQuery each loop to store the checked checkbox values.

CheckBoxes...

CheckBox 1

CheckBox 2

CheckBox 3

CheckBox 4

CheckBox 5

Check boxes and array elements will be displayed here.

Script_

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function () {
    $("#clickResultButton").click(function () {
        var newEmptyArray = new Array();
        $("#checkBoxDiv input[type=checkbox]:checked").each(
            function () {
                newEmptyArray.push(this.value);
            }
        );
         
        if (newEmptyArray.length > 0) {
            $("#checkboxResultDiv").html("");
            $.each(newEmptyArray, function (index, value) {
                $("#checkboxResultDiv").append(
                    $("<p>").text(value)
                );
            });
        }
    });
});