Question

<li> 
<input type= "checkbox" name="paradigm" id="id_1" value="3"/> 
<label for="name_3">foo</label> 
</li> 

<li> 
<input type= "checkbox" name="paradigm" id="id_2" value="4"/> 
<label for="name_4">bar</label> 
</li> 

Here is two checkbox. If I checked checkbox id_1, using jquery I want to read the label foo. If I checked both then it should be ['foo','bar'].

Answer 1

As long as the <label> elements immediately follow their <input> elements, then you can do something like this:

var a = [ ];
$('input[name=paradigm]:checked').next('label').each(function() {
    a.push($(this).text());
});

A better solution would be to set proper for attributes on your label elements (i.e. make sure they match up with the id attributes on their checkboxes) and then:

var a = [ ];
$('input[name=paradigm]:checked').each(function() {
    a.push($('label[for=' + this.id + ']').text());
});