PHP MySQL JQuery ile tümünü seç ve seçilenleri sil

makale.baslik

PHP, MySQL ve JQuery kullanarak toplu satır seçip daha sonra seçilenleri sil uygulaması yapacağız.

Bu örneğimizde verileri veritabanından çekeceğiz. Tümünü seç kutusuna tıklayınca verilerin hepsi seçilecek ve tümünü sil butonuna tıklanınca tüm veri silinecektir.

 

 

Uygulamayı anlattığım video aşağıdadır:

 

Tümünü seçme işlemi yapan index.php kodları:

<?php
include('vt.php');
if (isset($_POST['sil'])) {
    //Seçilenleri pdo ile toplu silme kodu:
    $silinecekler = implode(', ', $_POST['sil']);
    $sorgu = $baglanti->prepare('DELETE FROM iletisim WHERE id IN (' . $silinecekler . ')');
    $sorgu->execute();
}
?>
<!doctype html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <div class="row">
        <form action="" method="post">
            <button type="submit" class="btn btn-danger my-3"> Seçilenleri Sil</button>

            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>
                        <input type="checkbox" id="tumunuSec" onclick="TumunuSec();" value="">
                    </th>
                    <th>No</th>
                    <th>Ad</th>
                    <th>Mesaj</th>
                </tr>
                </thead>
                <tbody>
                <?php
                $sorgu = $baglanti->prepare("select * from iletisim");
                $sorgu->execute();
                while ($sonuc = $sorgu->fetch()) {
                    ?>
                    <tr>
                        <td>
                            <input class="cbSil" type="checkbox" name="sil[]" value="<?= $sonuc['id']; ?>">
                        </td>
                        <td><?= $sonuc["id"] ?></td>
                        <td><?= $sonuc["ad"] ?></td>
                        <td><?= $sonuc["mesaj"] ?></td>
                    </tr>
                    <?php
                }
                ?>
                </tbody>
            </table>
        </form>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script type="text/javascript">
    //Tümünü seçme işlemi yapan script kodları:
    $(document).ready(function () {
        $('#tumunuSec').on('click', function () {
            if ($('#tumunuSec:checked').length == $('#tumunuSec').length) {
                $('input.cbSil:checkbox').prop('checked', true);
            } else {
                $('input.cbSil:checkbox').prop('checked', false);

            }
        });
    });
</script>
</body>
</html>

 

Bir proje içinde nasıl kullanacağınızı anlatan video:

 

 

Uygulama dosyasını ve veri tabanını indirmek için: TumunuSec.zip

Çalışmanın veri tabanı bağlantısı olmayan demo uygulaması için tıklayın.

 
Paylaş:

Yorumlar

  1. Bilgiler için teşekkürler. Çok işime yaradı kral...

Kategoriler

En çok okunan yazılar.

 Etiketler