It is very time-consuming to delete records one by one from a large amount of data in the list. We can make it easier by deleting multiple records at once. With the bulk delete feature, you can make the large data list user-friendly by allowing the user to delete multiple rows with a single click. Delete multiple records<\/b> with a single click is strongly recommended for the data management section in the web application.<\/p>\n
You can use the checkbox to select each record and delete all the selected rows after the remove request submission. Also, jQuery can be used to select or unselect all checkboxes at once in the data list. In this tutorial, we will show you how to delete multiple records from MySQL database in PHP<\/b> with checkbox.<\/p>\n
In the example code, we will implement the following operations to delete multiple records using checkboxes in PHP<\/b>.<\/p>\n A table needs to be created in the database to store the user’s data. The following SQL creates a The In this file, we will fetch all the records from the JavaScript Code:<\/b> The \n
Create Database Table<\/h2>\n
users<\/code> table with some basic fields in the MySQL database.<\/p>\nCREATE<\/span> TABLE<\/span> `users`<\/span> (\r\n `id`<\/span> int<\/span>(11<\/span>) NOT<\/span> NULL<\/span> AUTO_INCREMENT,\r\n `first_name`<\/span> varchar<\/span>(100<\/span>) NOT<\/span> NULL<\/span>,\r\n `last_name`<\/span> varchar<\/span>(100<\/span>) NOT<\/span> NULL<\/span>,\r\n `email`<\/span> varchar<\/span>(200<\/span>) NOT<\/span> NULL<\/span>,\r\n `phone`<\/span> varchar<\/span>(15<\/span>) NOT<\/span> NULL<\/span>,\r\n `created`<\/span> datetime NOT<\/span> NULL<\/span>,\r\n `modified`<\/span> datetime NOT<\/span> NULL<\/span>,\r\n `status`<\/span> tinyint(1<\/span>) NOT<\/span> NULL<\/span> DEFAULT<\/span> 1<\/span> COMMENT<\/span> '1=Active, 0=Deactive'<\/span>,\r\n PRIMARY KEY<\/span> (`id`<\/span>)\r\n) ENGINE<\/span>=InnoDB<\/span> DEFAULT<\/span> CHARSET<\/span>=utf8 COLLATE<\/span>=utf8_unicode_ci;<\/pre>\nDatabase Configuration (dbConfig.php)<\/h2>\n
dbConfig.php<\/code> file is used to connect and select the database. Specify the database hostname ($dbHost<\/code>), username ($dbUsername<\/code>), password ($dbPassword<\/code>), and name ($dbName<\/code>) as per your MySQL database credentials.<\/p>\n<?php
<\/span>\/\/ Database configuration
<\/span>$dbHost <\/span>= <\/span>\"localhost\"<\/span>;
<\/span>$dbUsername <\/span>= <\/span>\"root\"<\/span>;
<\/span>$dbPassword <\/span>= <\/span>\"root\"<\/span>;
<\/span>$dbName <\/span>= <\/span>\"codexworld\"<\/span>;
<\/span>\/\/ Create database connection
<\/span>$db <\/span>= new <\/span>mysqli<\/span>(<\/span>$dbHost<\/span>, <\/span>$dbUsername<\/span>, <\/span>$dbPassword<\/span>, <\/span>$dbName<\/span>);
<\/span>\/\/ Check connection
<\/span>if (<\/span>$db<\/span>-><\/span>connect_error<\/span>) {
die(<\/span>\"Connection failed: \" <\/span>. <\/span>$db<\/span>-><\/span>connect_error<\/span>);
}
<\/span>?><\/span><\/pre>\nData List with Checkboxes<\/h2>\n
users<\/code> table and list them with checkboxes in an HTML table.<\/p>\n
\njQuery is used to integrate the delete confirmation dialog and select all checkboxes functionality. So, include the jQuery library first.<\/p>\n<script<\/span> src<\/span>=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.0\/jquery.min.js\"<\/span>><\/span><\/span><\/script<\/span>><\/span><\/pre>\ndelete_confirm()<\/code> function checks whether the user selects at least one checkbox and display an alert if the user has not checked any checkbox using JavaScript. Also, displays a confirmation popup before submitting the delete request to the server-side script.<\/p>\nfunction<\/span> delete_confirm<\/span>(<\/span>)<\/span>{\r\n if<\/span>($('.checkbox:checked'<\/span>).length > 0<\/span>){\r\n var<\/span> result = confirm(\"Are you sure to delete selected users?\"<\/span>);\r\n if<\/span>(result){\r\n return<\/span> true<\/span>;\r\n }else<\/span>{\r\n return<\/span> false<\/span>;\r\n }\r\n }else<\/span>{\r\n alert('Select at least 1 record to delete.'<\/span>);\r\n return<\/span> false<\/span>;\r\n }\r\n}\r\n<\/pre>\n