Why do spaces appear in my string?

Question

Hello all,

I have this function below which returns all IDs of checked boxes on my page seperated by a comma. It works great but the problem is, it seems to put a lot of white space after each checkbox ID. I can't seem to figure out why?

/*Returns selected checkbox ID in string seperated by comma */
function get_selected_chkbox(){

    var checked_string = '';

     $('#report_table').find("input[type='checkbox']").each(function(){

        if(this.checked){

            checked_string = checked_string + this.id + ',';

        }

    });

            alert(checked_string);//test1         ,test2            ,   

    return checked_string;
}

Thanks all for any help

Answer 1

Use this to get rid of the white spaces :)

http://api.jquery.com/jQuery.trim/

$.trim(checked_string);

Answer 2

I would guess that the spaces are in the html.

Try (with a nod to @rahul's answer):

return $.makeArray($('#report_table input:checkbox:checked').map(function(){
  return $.trim($(this).attr('id'));
})).join(',');

(And, it appears, a nod to @Tim's answer!)

Answer 3

please add your html code for the checkbox. It may possible you write

<input type="checkbox" id="test1        "/>

Answer 4

or this.id.replace(/^\s+|\s+$/g, '') would work