Как достичь следующего?
У меня есть список записей.
Я хочу, чтобы иметь возможность удалить одну запись с помощью "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"> 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()
чтобы прочитать все элементы, и вы сделаете магический запрос для их удаления.
jquery $.ajax