Checkbox tidak tampil pada tabel

saya mengalami kesulitan dalam menampilkan checkbox pada tabel

jadi ketika kelas sudah dipilih dan tombol "submit" diklik maka akan menjalankan event jquery yang berfungsi menampilkan tabel dan data siswa berdasarkan kelas. namun pada tampilan checkbox pada tiap siswa tidak tampil pada tabel. untuk tampilan program saya menggunakan bootstrap.

berikut code tampilan:

<div class="block">
    <div class="app-heading app-heading-small">
        <div class="title">
            <h2>Naik Kelas</h2>
            <p>Form untuk menyeleksi siswa yang naik kelas</p>
        </div>
    </div>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"><span class="icon-spray"></span> Filter Data</h3>
        </div>
        <div class="panel-body">
            <div class="form-horizontal">
                <div class="form-group">
                    <label class="col-md-3 control-label">Kelas</label>
                    <div class="col-md-6">
                        <select class="bs-select form-control" id='kelas1'>
                        <option value=""></option>
                            <?php
                                $data = _getClass('Pembayaran')->read_kelas();
                                for ($i=0; $i < count($data); $i++) {
                                    ?>
                                    <option value="<?=$data[$i]['id_kelas']?>"><?= $data[$i]['kelas']?></option>
                                    <?php
                                }
                            ?>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-footer">
            <div class="panel-elements pull-right">
                <button class="btn btn-primary pull-right" onclick='naikkelas()'><span class="icon-launch"></span> Submit</button>
            </div>
        </div>
    </div>
    <div class="block-content">
        <div id='tabelnaikkelas' >
            <div class="col-md-3" style="margin-bottom:5px">
                <div class="input-group input-group-sm col-md-4">
                    <span class="input-group-addon"><span class="fa fa-search"></span></span>
                    <input type="text" class="form-control" onkeyup="pencarian(this.value)">
                </div>
            </div>
            <form action="" method="post">
                <table class="table table-striped table-bordered" id="tabel-naik-kelas">
                    <thead>
                        <tr>
                            <th>NIS</th>
                            <th>Nama Siswa</th>
                            <th>Kelas</th>
                            <th style="width: 57px;"><div class="app-checkbox" style="width: 100px;">
                                    <label>
                                        <Input type="checkbox" name="app-checkbox-2" onchange="pilihsemua()" id="pilih-semua">Pilih Semua</label>
                                </div></th>
                        </tr>
                    </thead>
                    <div id="css"></div>
                    <tbody id="tabel-body">
                    </tbody>
                </table>
                <div class="form-group">
                    <div class="col-md-8"></div>
                    <div class="col-md-2"><button class="col-md-11 btn btn-info">Naik Kelas</button></div>
                    <div class="col-md-2"><button class="col-md-11 btn btn-danger">Batal</button></div>
                </div>
            </form>
        </div>
    </div>
</div>

berikut code event jquery ketika tombol submit diklik:

function naikkelas(){
    var id = $('#kelas1').val();
    console.log(id);
    $('#tabelnaikkelas').slideDown();
    $.ajax({
        type: "post",
        url: "pdo/perantara.php",
        data: {
            req:"datasiswa",
            id:id
        },
        dataType: "json",
        success: function (response) {
            console.log(response);
            $('#tabel-body').html('');
            var html;
           $.each(response, function (i, data) {
               html +=`
               <tr>
                   <td>`+data.nis+`</td>
                   <td>`+data.nama_siswa+`</td>
                   <td>`+data.kelas+`</td>
                   <td>
                        <div class="app-checkbox" style="width: 100px;">
                            <label>
                                <Input type="checkbox" name="app-checkbox-2" class="pilihan"></label>
                        </div>
                    </td>
               </tr>`;
           });
           $('#tabel-body').html(html);
        }
    });
}

saya tidak tau apa penyebanya kemungkinan file css atau javascript-nya tidak terbaca. apakah ada yang bisa membantu saya?

avatar ilahana
@ilahana

4 Kontribusi 1 Poin

Dipost 4 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban