Как я могу добавить динамически флажок с массивом флажков и различных индексов и использовать в JQuery - PullRequest
Новая
       16

Как я могу добавить динамически флажок с массивом флажков и различных индексов и использовать в JQuery

0 голосов
/ 31 марта 2019

У меня есть эти коды, и я хочу добавить флажок в соответствии с выбранным номером из базы данных, и каждый флажок имеет проприетарную строку в другой таблице поэтому, когда я показываю этот код в браузере, браузер установил флажок состояния 1 для всех флажков (каждый флажок имеет 2 состояния 0 и 1), поэтому я попытался создать массив для моего извлеченного флажка, и я должен отправить изменения флажка в код php с JQuery и сохранить в БД, но я не могу написать полезный код для решения этой проблемы, любое тело может помочь мне или редактировать мой код? 

$conn = mysqli_connect('localhost', 'root', '', 'win');
$query = "SELECT * FROM users";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_assoc($result);
$lights = $row['lights'];
$sql1 = "SELECT * FROM `lights` WHERE id='1'";
$result1 = mysqli_query($conn, $sql1);
$row1 = mysqli_fetch_assoc($result1);
$bord_number = $row1['bord_number'];
$i = 0;
$checkbox[0] = "<label class=\"switch\">
            <input type=\"checkbox\">
            <span class=\"slider round\"></span>
            </label></br>";
$checkbox[1] = "<label class=\"switch\">
            <input type=\"checkbox\" checked=\"checked\">
            <span class=\"slider round\"></span>
            </label></br>";

?>
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="mysty.css">
 <script src="../js/ajax.js"></script>
    <script>
        $(document).ready(function () {
            $('#mycheckbox').change(function () {
                var returnVal = ("Are " + "you sure?");
                if (returnVal) {
                    postToServer($(this).prop("checked"));

                } else {
                    $(this).prop("checked", !$(this).is(":checked"));
                }
            });

            function postToServer(state) {
                let value = (state) ? 1 : 0;
                //alert('Posted Value: ' + value);
                $.ajax({
                    type: 'POST',
                    url: 'checkbox.php',
                    data: {'value': +value},
                    success: function (response) {
                        //handle response
                    }
                });
            }
        });
</head>
<body>
<div>
    <?php
    while ($row1 = mysqli_fetch_assoc($result1)) {
        $status = $row1['status'];
        $bord_number = $row1['bord_number'];


        while ($i < $lights) {

            if ($status < '1') {
                echo $checkbox[0];

            } else {
                echo $checkbox[1];

            }
            $i++;

        }
    }

    ?>
</div>
</body>
</html>
...