Question

我想通过选中其中一个复选框来加载数据（作为按钮），如果我单击另一个复选框，则要添加该数据，并通过取消选中其中一个复选框来删除数据。

我正在使用AJAX加载数据（作为按钮）并在要删除的页面中找到该数据（按钮）。

    $("input:checkbox").change(function(){

        if(this.checked){

            console.log("Checked");
            var typeID = $(this).prop("value");
            $.ajax({
                url: "load-buttons.php",
                method: "POST",
                data:{ typeID: typeID},
                success:function(data){
                    $('#div4-btns').prepend(data);
                    console.log(data);

                    $("button").click(function(){  
                        var plantID = $(this).prop("value");  
                        $.ajax({  
                            url:"load-plants.php",  
                            method:"POST",  
                            data:{ plantID: plantID},  
                            success:function(data){  
                                $('#div-4data').html(data);
                                console.log(data);
                            }  
                        });  
                    });
                }
            });

        }else{
            console.log("Unchecked");
            var typeID = $(this).prop("value");
            $.ajax({
                url : "load-buttons.php",
                method: "POST",
                data:{ typeID: typeID},
                success:function(data){
                    $('#div4-btns').find(data).remove(data);
                    console.log(data);
                }
            });
        }

    });

我要删除加载的数据（按钮）。

Answer 1

将初始数据包装在一个div中，以后可以选择。

$('#div-4data').html('<div id="div-4data-content">data</div>');

当您需要删除它时，请将该div定位并删除它。

$('#div-4data-content').remove();

删除由ajax加载的元素

1 个答案: