how to delegate this in javascript?

Question

var selValues = {};
selValues['234'] = $('#asd').val();
selValues['343'] = function () { var el = ''; $('#asd input[@type=checkbox]:checked').each(function() { el += $(this).val() + '|'; }); return el; } };

here's the explanation:

im creating a key-value array where it extracts different values from DOM objects. The last array that you see in the example actually tries to extract checked items in a checkbox list. I tried to delegate the loop and return a delimited string of all checked values, but it's not working.

Answer 1

A mapping is probably a better solution here:

var el = $('#asd input:checkbox:checked').map(function(){
    return $(this).val();
}).get().join('|');

Answer 2

If I'm understanding your question correctly, the problem you are running up against is that you are merely storing a function in selValues['343'], not evaluating it.

You could try selValues['343'] = function () { var el = ''; $('#asd input[@type=checkbox]:checked').each(function() { el += $(this).val() + '|'; }); return el; } }(); (notice the parentheses at the end) which should evaluate your function and store the result in selValues['343'].

Answer 3

Seems to work for me: http://jsfiddle.net/HM4zD/