ajax调用后复选框不起作用

Question

我正在尝试使用 ajax 加载数据，但复选框不起作用

这是我尝试使用 ajax 加载的 html

<div class="mt-checkbox-list" >

<?php foreach($product_offerings as $row){

$check ='';?>

<label class="mt-checkbox mt-checkbox-outline">

    <?php

    if(isset($_GET['categories'])){

        foreach(@$_GET['categories'] as $cat) {

            if ($row['id']==$cat) {

                $check = 'checked';

                break;

            }

        }

    }?>

            <input type="checkbox" value="<?php echo $row['id']?>" name="categories[]" <?php echo $check;?>>

    <?php echo $row['name']?>

</label>

</div>

<?php }?>

AJAX 调用：

$('#product_offering_id').change(function(e){

        e.preventDefault();

        var product_offering_id = $('#product_offering_id').val();

        if(product_offering_id != '')

        {

            $.ajax({

                url:"/organization/vendors/productOfferingsVendors",

                type:"POST",

                dataType: 'json',

                cache: false,

                data:{product_offering_id:product_offering_id},

                success:function(json)

                {

                    if (json['success']) {

                        $('#categories').html(json['html']);

                    }

                }

            });

        }

我附上了我得到的结果的截图

Answer 1

复选框现在可以工作了，这是我用于复选框的类的问题，删除它后，它可以工作