JQuery display checkboxed table row data

Question

Итак, я знаю, что есть несколько сообщений об этом, но я не нашел их полезными, поэтому я надеюсь, что это прольет новый свет на мою проблему.

Я пытаюсь получить данные из строки с флажком в таблице HTML. На данный момент я хочу показать его только на windows.alert или в консоли Visual Studio. Но в итоге я отправлю данные в базу данных.

Мой код:

$(document).ready(function() { 
    $('#button').click(function() { 
     var id = []; 
     $(':checkbox:checked').each(function (i) { 
      id[i] = $(this).val(); 
     }); 
     if (id.length === 0) { 
      alert("Please select at least one checkbox"); 
     } 
     else { 
      $.post('http://localhost/Dynamic/?Insert'); 
     } 
    }); 
}); 

Я попытался alert($(this).text()), но это просто кажется пустым.

Справка будет принята с благодарностью.

Если это помогает это, как я заполнить таблицу:

var tableName = 'table1' 
$.ajax({ 
     url: 'http://localhost/Dynamic?prod=' + tableName, 
     dataType: 'Json', 
     success: function (Results) { 
      $.each(Results, function() { 
       var row = ""; 
       for (i = 0; i < this.length; i++) { 
       var input = '<td>' + this[i] + '</td>'; 
       row = row + input; 
       } 

       $('#table1 tbody:last-child').append('<tr>' + row + '<td> <input class="checkBox" type="checkbox" id="count"/> </td></tr>'); 
      }); 
     }         
    }); 

Как вы можете видеть, что таблица заполняется динамически, поэтому он может быть заполнен различными таблицами.

Answer 1

Я получил его на работу, я создал глобальный массив и добавил все значения к этому. Затем я создал счетчик и установил каждый идентификатор флажка в значение счетчиков. Затем я увеличиваю счетчик до начала цикла, чтобы сортировать следующую строку данных.

Затем, когда я хочу выбрать данные. Я проверяю флажок в данных. Нажмите кнопку, затем я получу идентификаторы каждого из флажков. Затем я помещаю идентификатор checkbox в массив, чтобы получить значение, прежде чем добавлять его в массив, который я затем отправляю.

Answer 2

Ваш селектор ошибочен. $ (': checkbox: checked') должен быть $ ('. checkbox: checked'). , возможно, попробуйте изменить на другое имя класса.

$('.mycheckbox:checked').each(function (i) { 
     id[i] = $(this).val(); 
    });