javascript - ajax调用后复选框不起作用

问题描述

我正在尝试使用 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']);
                    }

                }
            });
        }

我附上了结果的截图

任何帮助将不胜感激，在此先感谢

标签： javascriptphphtmlajaxcodeigniter

javascript - ajax调用后复选框不起作用

问题描述

解决方案

推荐阅读