问如何在Js中进行大量输出的计算？
EN

Stack Overflow用户

提问于 2021-09-15 21:56:36

回答 1查看 27关注 0票数 0

我用laravel和js做了一个工资单系统，我可以像这样获取工资表：payroll table

使用相似的视图：

<div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header with-border">
                    <a href="" data-toggle="modal" name="generate" class="btn btn-primary" onClick="generate()"><i class="fa fa-plus"></i> Generate</a>
                </div>
                <div class="box-header with-border">
                    <form action="{{url('/search')}}" method="get">
                        {{csrf_field()}}
                        <input type="search" name="name" class="form-control"/>
                        <button type="submit" class="btn btn-primary">Search</button>



                    </form>


                </div>
                <div class="box-body">
                    <table id="example1" class="table table-bordered">
                        <thead>
                        <th>Employee ID</th>

                        <th>Full Name</th>
                        <th>Salary</th>
                        <th>EDW</th>
                        <th>TDW</th>
                        <th>Deduction</th>
                        <th>Net Pay</th>

                        </thead>
                        <tbody>

                            @foreach( $employees as $employee)
                       
                            <tr>
                                <td>{{$employee->id}}</td>

                                <td>{{$employee->firstname}} {{$employee->lastname}}</td>
                                <td><input type="number" id="salary" value="{{$employee->salary}}" name="salary"></td>


                                <td><input type="number" id="edw" value="30" name="edw"></td>
                                <td><input type="number" id="tdw" value="30" name="tdw"></td>
                                <td><input type="number" id="deduction" value="0" name="deduction"></td>
                                <td><span id="result"></span> AED</td>

                            </tr>

                            @endforeach





                            <tr>



                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

我用js进行了计算：

function generate()
   {
    salary = document.getElementById("salary").value;
    edw = document.getElementById("edw").value;
    tdw = document.getElementById("tdw").value;
    deduction = document.getElementById("deduction").value;
    document.getElementById("result").innerHTML = salary / edw * tdw - deduction;
    }

但是这个函数只能计算第一行的工资单的问题是：calculation payroll

那么，伙计们，我如何通过点击一次按钮来计算所有的行呢？

javascript

php

mysql

laravel

性能强劲，每月20元起的MySQL

功能完善，便宜稳定，没有业务可以自动停机，强效降本的MySQL

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-15 22:55:22

首先，在id=“薪水”或其他地方使用class而不是id。然后可以按如下方式使用计算：

function generate() {
    $('#example1 > tbody  > tr').each(function(){
        var salary = $(this).find('.salary').val();
        var edw = $(this).find('.edw').val();
        var tdw = $(this).find('.tdw').val();
        var deduction = $(this).find('.deduction').val();

        var total = salary / edw * tdw - deduction;
        $(this).find('.result').text(total);
    });
}