Почему я не могу go перейти на следующую страницу после того, как я установил некоторые из этих флажков? - PullRequest
Новая
       5

Почему я не могу go перейти на следующую страницу после того, как я установил некоторые из этих флажков?

0 голосов
/ 25 апреля 2020

У меня есть таблица html со стилем bootstrap, и с правой стороны у меня есть флажки в каждой строке, но когда я выбираю их и нажимаю кнопку «Создать отчет», это не go на следующую страницу , это ничего не делает, как будто я нигде не нажимал. Я новичок во всем этом HTML, Bootstrap и PHP, так что, вероятно, где-то я совершаю глупую ошибку.

Вот мой стол: 

 <table id="usetTable" class="display compact" data-toggle="table" data-classes="table table-hover table-condensed" data-row-style="rowColors" data-striped="true" data-sort-name="Quality" data-sort-order="desc" data-pagination="true" data-click-to-select="true">

        <thead>
            <th data-field="state" data-checkbox="true">Dev.no</th>
            <th>IMEI</th>
            <th>Report comment</th>
        </thead>

        <tbody>
            <form method="post">
                <?php if (!empty($devices)) { ?>
                    <?php foreach ($devices as $device) : ?>
                        <tr id="tr-id-2" class="tr-class-2">

                            <td>
                                <input type="checkbox" name="devices[<?php echo $device["id"] ?>]" value="<?php echo $device["id"] . $dev_comment ?>">
                                <?php echo $device["device_no"] ?>
                            </td>

                            <td>
                                <?php echo $device["serial_imei"] ?>
                            </td>  

                            <td>
                                <div class="input-group">
                                    <textarea name="dev_comment[<?php echo $device["id"] ?>]" placeholder="comment" rows="1" cols="50"><?php echo $dev_comment; ?></textarea>
                                </div>
                            </td>

                        </tr>
                    <?php endforeach; ?>
                <?php } ?>
                </br>
                <div id="wrapper">
                    <button class="btn" type="submit" name="report">Write report</button>
                </div>
            </form>

        </tbody>
    </table>
</div>
<script>
    $(document).ready(function() {
        $('#usetTable').DataTable();
    });
</script>

I пытался опубликовать только минимальный код, чтобы воспроизвести эту ошибку, хотя я использую данные Dynami c, поэтому это довольно сложно воспроизвести таким образом, но в случае, если вы хотите это сделать, просто закодируйте пользовательские данные в таблице и удалите поля массива ,

PS Таблица выглядит отлично, единственная проблема - выбор строк и переход на следующую страницу. [Вот скриншот] [1] [1]: https://i.stack.imgur.com/IidBA.png

РЕДАКТИРОВАТЬ: Я использую функцию jQuery сейчас, и она работает, но таблица потерянная нумерация страниц: 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    $(document).ready(function() {
        $('#usetTable').DataTable();
        $(function() {
        //Assign Click event to Button.
        $("#btnGet").click(function() {
            //Loop through all checked CheckBoxes in GridView.
            $("#usetTable input[type=checkbox]:checked").each(function() {
                var row = $(this).closest("tr")[0];
            });
        });
    });
    });
</script>

, если я уберу это: src = "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" таблица выглядит хорошо, но флажки больше не работают.

...