如何检查AJAX重新加载的复选框

时间:2017-09-01 07:02:31

标签: jquery bootstrap-4

我在AJAX响应中添加了一些复选框,一切都很好,但无法检查这些复选框。我知道原因,但不知道如何解决它。 我试过了

document.on(),live(), delegate() 

但它仍然无效。

JS部分

    $(document).ready(function() {
      $('#select').change(function(){
        console.log($('#select').val());
        $.ajax({
               type : "GET",
               url : "orderList/filter",
               data : {
                   "status": $('#select').val()
               },
               dataType : 'html',
               success : function(data) {
                    $("tbody").html(data);
               },
               error : function(e) {
                   console.log("ERROR: ", e);
               }
           });
       });
   });

JSP部分

 <tbody>
   <tr>
      <td>
      <input type="checkbox" id="checkBox" class="flat checkMei" 
           name="order_id"                                                              
           value="${item.id}">
      </td>
    </tr>
 </tbody>

2 个答案:

答案 0 :(得分:0)

试试这个:

$('#checkBox').prop('checked', true);

答案 1 :(得分:0)

您可以使用.ajaxComplete(function()。

$( document ).ajaxComplete(function() {
  $( ".log" ).text( "Triggered ajaxComplete handler." );
});

查看更多here.

$( document ).ajaxComplete(function() {
 $('#checkBox').prop('checked', true);
});