javascript - 页面加载时的 Jquery keyup

Question

我正在使用 jquery keyup 来计算费用，keyup 工作正常，但问题是页面加载费用没有显示，这意味着它仅在按下某个键时有效，但我想计算页面加载费用。这里是我的代码

HTML:

<tr>
    <td><label for="amount">Amount</label></td>
    <td><div class="input-container"><input name="amount" id="amount"  value="100"  type="text" /></td>
  </tr>



<tr>
    <td><label for="fee">Fee<font color="#CC0000">(5%)</font></label></td>
    <td>$ <span id="fees"> </span>
    </td>


  </tr>

<tr>
    <td><label for="net">Net amount</label></td>
    <td>$<span id="net"></span>
    </td>


  </tr>

J查询:

$(document).ready(function(){
    $('#amount').on('keyup change', function(){

        $('#fees').text($('#amount').val()*(5/100));

        $('#net').text($('#amount').val() - ($('#amount').val()*5/100));


         });    
});

Answer 1

你可以这样做

 $(document).ready(function(){

        //calcualte fee on page load
        calculateFee();

        $('#amount').on('keyup change', function(){

            calculateFee();
        }); 

        function calculateFee(){

           $('#fees').text($('#amount').val()*(5/100));
           $('#net').text($('#amount').val() - ($('#amount').val()*5/100));
        }

    });