javascript - jquery获取选中的复选框行并将其传递到ajax中

Question

我正在使用 jquery 函数从表中获取选定的复选框行，在我获取该数据后，它工作正常，我需要在 ajax 中传递它，但出现错误 myData 未定义，我的代码是

 $("#user-table-form").on('submit', function(e){
        var url = $(this).attr('action');
        var method = $(this).attr('method');
        usertable.$('input[type="checkbox"]:checked').each(function(){
          var myData = $(this).parent().siblings().eq(2).text();
         alert(myData);
        });
        $.ajax({
            type: method,
            url: url,
            dataType: 'JSON',
            data: myData,
            success: function(data) {
                alert("Promocode added successfully");
                //window.location.href = "{{ route('admin.promocode')}}";
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                //console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
            }
        });
   }); 

当我运行浏览器控制台时显示此错误

user?userTable_length=10:347 Uncaught ReferenceError: myData is not defined
    at HTMLFormElement.<anonymous> (user?userTable_length=10:347)
    at HTMLFormElement.dispatch (jquery.min.js:3)
    at HTMLFormElement.r.handle (jquery.min.js:3)

我需要在哪里定义该变量，请任何人帮助我

Answer 1

问题在这里:

usertable.$('input[type="checkbox"]:checked').each(function(){
  var myData = $(this).parent().siblings().eq(2).text();
  alert(myData);
});

将 var myData 移动到循环之外，例如:

var myData = [];
usertable.$('input[type="checkbox"]:checked').each(function(){
  myData.push($(this).parent().siblings().eq(2).text());
});
alert(myData);