how to get the values of checkboxes that are checked using jquery

Question

I have a list of dynamically populated check boxes with values. This code works but with some unnecessary stuffs like text,free text,free text,etc with the value of my checked checkbox

JS:

$('#save').on('click', function () {
    var val = $(':checked').map(function () {
        return this.value;
    }).get()

    alert(val);
});

Answer 1

Limit your selector to only checbox elements

//or you can use $(':checkbox:checked')
var val = $('input[type="checkbox"]:checked').map(function () {
    return this.value;
}).get()

Demo: Fiddle