Question

i would like to “rebuild” a short snippet:

jQuery.fn.getCheckboxVal = function(){
    var vals = [];
    var i = 0;
    this.each(function(){
        vals[i++] = jQuery(this).val();
    });
    return vals;
}

to such like this:

function getvar() {
       var vals = [];
    var i = 0;
    this.each(function(){
        vals[i++] = $(this).val();
    });
    return vals; 
}

can anybody help to get the “second” works to? (Link to the Full Snippet above: http://trentrichardson.com/2009/01/08/getting-a-list-of-checkbox-values-with-jquery/)

Thanks 🙂

Answer 1

In the first code, the this keyword points to the jQuery object that you are calling the method on, so you would have to replace that with a jQuery object in the second code:

function getvar(selector) {
  var vals = [];
  var i = 0;
  $(selector).each(function(){
    vals[i++] = $(this).val();
  });
  return vals; 
}

Usage example:

var values = getvar('input:checked');

You can also use the map method to make it simpler:

function getvar(selector) {
  return $(selector).map(function(){
    return $(this).val();
  }).get();
}