Почему я всегда получаю неопределенное значение флажка?

Question

Я создаю несколько флажков в div, используя следующую строку кода:

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

Где activity_checkboxlist - это div. Теперь я проверяю, установлен ли флажок, и помещаю его значение в массив. Я делаю это, используя этот код:

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);
    }
}

Это предупреждение всегда показывает, что значение chkval не определено. даже я проверяю эти флажки. Что-то не так с моим кодом? Заранее спасибо.

Answer 1

Вы проверяли свой HTML после генерации?Вы поместили " в самую длинную часть линии.

С:

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

У вас есть идентификаторы типа id="checkbox"1 value=....Переместите закрывающий " во вторую часть, чтобы сгенерировать правильные идентификаторы:

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