Как мне добиться следующего?
У меня есть список записей.
Я хочу, чтобы можно было удалить одну запись через правую «х»
Но я также хотел бы иметь возможность выбрать несколько записей с помощью флажков слева. После этого, очевидно, нажмите «Удалить выбранные записи» внизу.
На данный момент все это в одной форме. На данный момент все ссылки, а не то, что я хочу, потому что это не работает.
Может ли кто-нибудь помочь мне со стратегией или реализацией, которая позволила бы мне заставить это работать?
Вот 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"> 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"> 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"> 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"> 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>
Когда вы нажимаете на Удалить выбранные записи восстановить все .list-group-item checkbox:checked
элементы и сделать AJAX-запрос на вашу страницу php, чтобы удалить их все. Ваш запрос будет примерно таким:
{
elementstodelete: [
'c1e42a9f9cfbdad684fa5a107a9967cef96a8a6e',
'0c0203b6b6d5105a3e72deac0b61be61236b1ff7'
]
}
На стороне сервера вы используете json_decode()
чтобы прочитать все элементы, и вы сделаете волшебный запрос, чтобы удалить их.
Других решений пока нет …