在一个视图，PHP，MYSQL，HTML中删除单个和多个条目

Question

如何实现以下目标？

我有一个条目列表。

我希望能够通过右侧“x”删除单个条目

但我也希望能够通过左侧的复选框选择多个条目。之后，显然点击底部的“删除所选条目”。

目前，所有这些都是一种形式。现在一切都是链接，而不是我真正想要的东西，因为它不起作用。

任何人都可以帮助我制定一项策略或实施方案，让我能够实现这一目标吗？

此刻是html代码，我用一些PHP动态创建它，如果你想看到请求：:)

<form class="learnfest_form" method="post" action="">
    <h2>Delete a Learnfest Entry <small>Select an entry to delete</small></h2>
    <hr>
            <ul class="list-group checked-list-box">
                    <li class="list-group-item"><input type="checkbox" value="c1e42a9f9cfbdad684fa5a107a9967cef96a8a6e">&nbsp; L01<a class="pull-right" href="c1e42a9f9cfbdad684fa5a107a9967cef96a8a6e" onclick="return confirm('Are you sure?');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></li>
                    <li class="list-group-item"><input type="checkbox" value="0c0203b6b6d5105a3e72deac0b61be61236b1ff7">&nbsp; L02<a class="pull-right" href="0c0203b6b6d5105a3e72deac0b61be61236b1ff7" onclick="return confirm('Are you sure?');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></li>
                    <li class="list-group-item"><input type="checkbox" value="99a5cbf3ff728b5d6f3f524d301edc6a5d38feb9">&nbsp; L03<a class="pull-right" href="99a5cbf3ff728b5d6f3f524d301edc6a5d38feb9" onclick="return confirm('Are you sure?');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></li>
                    <li class="list-group-item"><input type="checkbox" value="31729ebd6fa5fcb0f17cdc1e3e5fe3c861149782">&nbsp; L04<a class="pull-right" href="31729ebd6fa5fcb0f17cdc1e3e5fe3c861149782" onclick="return confirm('Are you sure?');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></li>
                </ul>
        <div class="panel panel-default">
            <div class="panel-body">
                Delete Selected Entries <a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
            </div>
        </div>
    </form>

Answer 1

当您单击删除所选条目时，检索所有.list-group-item checkbox:checked元素并向您的php页面发出AJAX请求以删除所有这些元素。您的请求将是这样的：

{
  elementstodelete: [
    'c1e42a9f9cfbdad684fa5a107a9967cef96a8a6e',
    '0c0203b6b6d5105a3e72deac0b61be61236b1ff7'
  ]
}

在服务器端，您使用json_decode()来阅读所有元素，然后您将进行魔术查询以删除它们。