使用ajax从多个单击的复选框发送值

Question

我已动态地在表格中创建了多个复选框。每个复选框都有一个隐藏字段，其中列id将发送到服务器，但只有在单击时才会发送第一个复选框的值，并且不会遍历整个表。我试图寻找一个解决方案，但它仍然产生相同的结果。以下是代码段：

＆＃13;

＆＃13;

var tdCheck = $('<td>').html('').attr({
  'id': 'check'
}).appendTo(trbody);
var checkfield = $('<input>').html('').attr({
  'type': 'checkbox',
  'id': 'select',
  'value': entered[i].id
}).addClass('form-control').appendTo(tdCheck);
var br = $('<br>').html('').appendTo(tdCheck);
var hiddenfield = $('<input>').html('').attr({
  'id': 'columnid',
  'type': 'hidden',
  'value': entered[i].id
}).appendTo(tdCheck);

＆＃13;

＆＃13;

＆＃13;

ajax调用代码

 $('#accept').click(function() {
   $(':checkbox:checked').each(function(i) {
     var columnId = [];
     columnId[i] = $('#columnid').val();
     JSON.stringify(columnId[i]);
     $.ajax({
       type: 'POST',
       url: '/ProductApproval/handlers/ProductApproval.ashx',
       data: {
         Action: "ApprovalStatus",
         ColumnId: columnId[i],
         flag: 1 //status for accept
       }
     });
   });
 });