在ajax中将多个复选框值传递给PHP

时间:2018-06-13 01:52:59

标签: php ajax

我有一个包含多个复选框的表单,我想删除已经选中复选框的图片,通过删除他们的ID,请将所有选中的复选框分别传递给各个ID的最佳方法是什么我的PHP代码。

<button class="delete btn btn-outline-primary dropdown-toggle" style="margin-left: 10px" id="saveReorder1">Delete Multiple</button><br/>

<div id="deleteHelper" style="display:none;">
<span class="selected-txt mt-5 ml-5"                                                                                  
 style="text-align: left">1. Select the check boxes of the images you want to delete &nbsp;</span></div>
<ul class="reorder row" style="margin-left: 30px">
<form id="chk-all" class="row">
 @foreach ($images as $image)
 <input type="checkbox" name="chk" class="chk" style="display: none;"><li class="img-box" data-src="{{$image->filename}}" id="{{$image->id}}">
 <div class="img-w" data-src="{{$image->filename}}"
style="background-image: url('{{$image->filename}}')"></div>
<span style="color: #333333;position: relative;width: 100%;text-align: justify;display: inline;margin-left: 10px;">{{$image->description}} <i class="fa fa-upload"
                                                                        style="margin-left: 10px; color:#333333;"></i><i class="far fa-trash-alt del1" id="{{$image->id}}" style="margin-left: 10px; color:#333333;cursor: pointer;float:right"></i></span></li>@endforeach</form></ul>



 $('.delete').on('click',function(e){
            e.preventDefault();
            e.stopPropagation();
            $('#deleteHelper').slideDown('slow');
            $("ul.reorder").find('.chk').fadeToggle();
            $('.chk').on('click',function(e){
             $('.delete').html('Delete Selected');
            });
            let form = $('#chk-all').serialize();
            $('.delete').attr("id", "deletes");
            $("#deletes").click(function (e) {
                if (!$("#deletes i").length) {
                    $(this).html('').prepend('deleting...').delay(1000).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
                }
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: "POST",
                    url: "delete.php",
                    dataType: 'json',
                    success: function (h) {
                        window.location.reload();
                        //  console.log(h);
                    }
        //    $("ul.reorder").find('#chk-form')
        });
        });

0 个答案:

没有答案