Рассчитать сумму суммы jQuery PHP

Question

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

это код PHP

1-е значение (stok didatabase) - это данные из базы данных, а 2-е значение (stok fisik) - данные из пользовательского ввода, а selisih - 2-е значение - 1-е значение.

        <div class="box-content nopadding" style="overflow: auto;">

            <table width="400px" class="table table-hover table-nomargin table-bordered">
                <thead>
                    <tr>
                        <th style="text-align: center; vertical-align:middle;" rowspan="2">No</th>
                        <th style="text-align: center; vertical-align:middle;" rowspan="2">Nama Barang</th>
                        <th style="text-align: center; vertical-align:middle;" colspan="2">Stok</th>
                        <th style="text-align: center; vertical-align:middle;" rowspan="2">Selisih</th>
                    </tr>
                    <tr>
                        <th style="text-align: center; vertical-align:middle;">Stok di Database</th>
                        <th style="text-align: center; vertical-align:middle;">Stok Fisik</th>
                    </tr>   
                </thead>
                <tbody>
                    <?php
                        $data = $db->query("select id, nama_barang, stock from tbl_atk group by nama_barang");
                        for ($i = 0; $i < count($data); $i++) {
                            $no = $i + 1;
                            if ($no % 2 ==0) $bg ='#FBFBFB';
                            else $bg = '#FFFFFF';
                            // $total = 'result' - $data[$i]['stock'];
                            $tot_masuk = $tot_masuk + "stock_op";
                            $tot_keluar = $tot_keluar + $data[$i]['stock'];
                            $grand_tot = $tot_masuk - $tot_keluar;

                    ?>

                    <tr>
                        <td style="text-align: center; vertical-align:middle;"><?php echo $no; ?></td>

                        <td><?php echo $data[$i]['nama_barang']?></td>

                        <td style="text-align: right;" class="so"><?php echo $data[$i]['stock']; ?></td>

                        <td><input type="number" class="form-control so" id="stock_op" name="stock_op" style="text-align: left"></td>

                        <td style="text-align: right; font-weight:bold;"><output class="result"></output></td>
                    </tr>
                    <?php                                           
                    }
                ?>
    <script src="../js/jquery.min.js"></script>
    <script>
        $(document).on('input','.so',function(){
            var totalSum = 0;
            var currentRow = $(this).closest('tr');
            currentRow.find('.so').each(function(){
                var inputVal = ($(this).is('input')) ? $(this).val() : parseInt($(this).html());
                console.log(inputVal);
                if($.isNumeric(inputVal)){
                    totalSum += parseFloat(inputVal);
        }
    });
    currentRow.find('.result').val(totalSum);
});
    </script>
                <tr style="background-color:#eaeaea; font-weight:bold;">
                    <td style="text-align: center; vertical-align:middle;"></td>
                        <td style="text-align: right;">Selisih</td>
                        <td style="text-align: right;"><?php echo $tot_keluar; ?></td>
                        <td style="text-align: right;"><?php echo $tot_masuk; ?></td>
                        <td style="text-align: right;"><?php echo $grand_tot; ?></td>
                </tr>
                </tbody>
            </table>

        </div>

, а это Пользовательский интерфейс

Answer 1

Здравствуйте, Фаузио, я создал образец таблицы с 3 столбцами,
1. t_id (т.е. id)
2. t_name (то есть имя barang)
3. t_value (то есть база данных stock di)

Я создал таблицу и отобразил значения каждой строки в таблице.все значения из столбца t_value добавляются в массив сценариев Java.затем, когда пользователь вводит значение для этой конкретной строки.

При нажатии кнопки значение для этой конкретной строки выбирается из столбца db_column и пользователя, а результат печатается в столбце результатов

<?php
     $sql = "SELECT t_id,t_name, t_value FROM test_table";
                $result = $conn->query($sql);
                if ($result->num_rows > 0) {
                    // output data of each row
                    $main_array = array();
                    $count=0;
                    while($row = $result->fetch_assoc()) {?>
                <tr>
                    <td class="no">

                        <?php  echo $count;?>
                    </td>
                    <td class="name">

                        <?php  echo $row["t_name"]."<br>";?>
                    </td>
                    <td class="db_value">
                        <?php 
                                  array_push($main_array,$row["t_value"]);
                                  echo $row["t_value"]."<br>";?>
                    </td>
                    <td class="user_value">
                        <form method="post">
                            <input type="number" value="">
                            <button id="cal" type="button" class="<?php echo $count;?>"> Calculate </button>
                        </form>
                    </td>
                    <td class="result">
                        <input type="tel" name="" value="" id="result_<?php echo $count;?>">
                    </td>
                </tr>
                <?php $count++;}?>

        </tbody>
    </table>
</div>

<script type="text/javascript">
    jQuery(document).ready(function() {
        var main_array = new Array();
        <?php foreach($main_array as $key => $val){ ?>
        main_array.push('<?php echo $val; ?>');
        <?php } ?>
        jQuery('#cal').on('click', function() {
            id = jQuery(this).attr('class');
            value_1st = main_array[id];
            value_2nd = jQuery(jQuery(this).closest('.user_value')).find('input[type="number"]').val();
            result = value_1st + value_2nd;
            input_field = jQuery(jQuery(jQuery(this).closest('.user_value')).next()).find('#result_' + id);
            input_field.val(result);

        });
    });
</script>

Answer 2

Измените .so на so в следующих полях ввода.

<td style="text-align: right;" class="form-control .so"><?php echo $data[$i]['stock']; ?></td>
<td><input type="number" class="form-control .so" id="stock_op" name="stock_op" style="text-align: left"></td>

Измените результат идентификатора на результат класса в строке ниже

<td style="text-align: right; font-weight:bold;"><output id="result"></output></td>

Новое обновление

Дайте определенный класс вашей ячейке stok fisik

<tr style="background-color:#eaeaea; font-weight:bold;">
                    <td style="text-align: center; vertical-align:middle;"></td>
                        <td style="text-align: right;">Selisih</td>
                        <td style="text-align: right;"><?php echo $tot_keluar; ?></td>
                        <td class="grandResult" style="text-align: right;"><?php echo $tot_masuk; ?></td>
                        <td style="text-align: right;"><?php echo $grand_tot; ?></td>
                </tr>

измените свой код jquery на этот

    $(document).on('input','.so',function(){
var grandSum = 0;
        var totalSum = 0;
        var currentRow = $(this).closest('tr');
        currentRow.find('.so').each(function(){
            var inputVal = ($(this).is('input')) ? $(this).val() : parseInt($(this).html());
            if($.isNumeric(inputVal)){
                totalSum += parseFloat(inputVal);
            }
        });
        currentRow.find('.result').val(totalSum);

$('input.so').each(function(){
            var cVal = ($(this).is('input')) ? $(this).val() : parseInt($(this).html());
            if($.isNumeric(cVal)){
                grandSum += parseFloat(cVal);
            }
        });
        $('.grandResult').val(grandSum);
    });