Question

I’m wondering if there is a better way to add/remove checkbox values to an array. Sadly i can’t use ECMAScript 5 indexOf() as i need to support IE8/7.

Here is a working jsfiddle example: http://jsfiddle.net/puyQr/

What this Method does is:

/**
 * If a user clicks onto the checkbox, the value of the value attribute is
 * only added to the array when the value not yet exists. However, if
 * the value already exists, the value is removed.
 */

var values = [];
jQuery(':checkbox').on('click', function(){     
    var index = jQuery.inArray(this.value, values);
    if(index === -1) {
        values.push(this.value);
    } else {
        values.splice(index, 1);
    }
});

Answer 1

Just another way to get values from checkboxes:

var values = jQuery(':checkbox:checked').map(function(){
    return $(this).val();
}).get();

demo