Why am i getting always undefined checkbox value?

Question

I am creating some checkboxes in a div using these line of code:

 for(j=0;j<allActivities.length;j++){
   $('#activity_checkboxlist').append('<input type="checkbox" id="checkbox"'+j+' value="'+allActivities[j].activitynumber+'"/>'+allActivities[j].activityname+'<br>');
 }

Where activity_checkboxlist is a div. Now i am checking if a check box is checked then put its value in an array. I am doing that using this code:

var selectedareas = new Array();

for (i = 0; i < allActivities.length; i++) {

    var chkval = $('#checkbox' + i + ':checked').val();
    alert(chkval);
    if (chkval !== undefined) {
        selectedareas.push(chkval);
    }
}

That alert always shows that chkval's value is undefined. even i check those checkboxes. Is there any wrong with my code? Thanks in advance.

please post HTML... and also the JS that defines allActivities — totallyNotLizards
– totallyNotLizards, Commented Nov 28, 2011 at 10:03
BTW, not related to your question but it would be easier for you to fetch the checked values by doing $('#activity_checkboxlist :checkbox:checked').each(function(){});. — Sang Suantak
– Sang Suantak, Commented Nov 28, 2011 at 10:05
but then how i will add value of that specific checkbox in selectedareas array? — Piscean
– Piscean, Commented Nov 28, 2011 at 10:13
You can still use the codes inside the for-loop. Only difference is that you'll use var chkval = $(this).val() instead to get the checkbox's value, or selectedareas.push($(this).val());. — Sang Suantak
– Sang Suantak, Commented Nov 28, 2011 at 10:26

JohnP · Accepted Answer · 2011-11-28 10:02:57Z

3

Have you checked you HTML after generatinng? You have put " in the worong part of the line.

With:

$('#activity_checkboxlist').append('<input type="checkbox" id="checkbox"'+j+' value="'+allActivities[j].activitynumber+'"/>'+allActivities[j].activityname+'<br>');

You have IDs like id="checkbox"1 value=.... Move your closing " to the second part to generate the right IDs:

$('#activity_checkboxlist').append('<input type="checkbox" id="checkbox'+j+'" value="'+allActivities[j].activitynumber+'"/>'+allActivities[j].activityname+'<br>');

edited Nov 28, 2011 at 10:02

JohnP

50k13 gold badges112 silver badges142 bronze badges

answered Nov 28, 2011 at 10:01

Samich

30.4k6 gold badges70 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Samich Over a year ago

@JohnP Thanks for the english lesson :)

Collectives™ on Stack Overflow

Why am i getting always undefined checkbox value?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related