формы — удаление одной и нескольких записей в одном представлении, PHP, MYSQL, HTML

Как мне добиться следующего?

У меня есть список записей. текущая реализация

Я хочу, чтобы можно было удалить одну запись через правую «х»

Но я также хотел бы иметь возможность выбрать несколько записей с помощью флажков слева. После этого, очевидно, нажмите «Удалить выбранные записи» внизу.

На данный момент все это в одной форме. На данный момент все ссылки, а не то, что я хочу, потому что это не работает.

Может ли кто-нибудь помочь мне со стратегией или реализацией, которая позволила бы мне заставить это работать?

Вот 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>

0

Решение

Когда вы нажимаете на Удалить выбранные записи восстановить все .list-group-item checkbox:checked элементы и сделать AJAX-запрос на вашу страницу php, чтобы удалить их все. Ваш запрос будет примерно таким:

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

На стороне сервера вы используете json_decode() чтобы прочитать все элементы, и вы сделаете волшебный запрос, чтобы удалить их.

0

Другие решения

Других решений пока нет …