Question

I am using a simple few lines of code to get the labels of checked checkboxes and alert the value. But for some reason the alert shows [object Object] for every checkbox instead of its label. What am I doing wrong?

function validate(){
    var interests="";
    $('input[type=checkbox]').each(function () {
           if (this.checked){
               var id=$(this).attr('id');
               interests += $("#"+id).next()
           }
    });
    alert(interests);

}​

jsFiddle:

Answer 1

use .text():

interests += $("#" + id).next().text();

Note that you can achive the same result with one line of code:

$('input:checked').next().text();

The one line code jsFiddle