Home/ Questions/Q 6672005
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:27:26+00:00

Code of PopUp view <div class=inst_form_field> <div class=inst_form_Text> Amount : </div > <div class=inst_form_Textfield>

  • 0

Code of PopUp view

 <div class="inst_form_field">
 <div class="inst_form_Text"> Amount :     </div >
 <div class="inst_form_Textfield"> <input id="amountfdtlspop"  name="amountfdtlspop" value="0" type="text" size="20" />     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Fine Amount :     </div >
 <div class="inst_form_Textfield"> <input name="fineAmt"  id="fineAmt" value="0"  type="text" size="20"/>     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Waived Amount :     </div >
 <div class="inst_form_Textfield"> <input name="waivedAmt"  id="waivedAmt" value="0" type="text" size="20"/>     </div >
 </div >


 <div class="inst_form_field">
 <div class="inst_form_Text"> Scholar Ship :     </div >
 <div class="inst_form_Textfield"> <input name="schShipAmt"  id="schShipAmt" value="0" type="text" size="20"/>     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Grand Total :     </div >
 <div class="inst_form_Textfield"> <input name="grndttlAmt" id="grndttlAmt" type="text"  value="0" size="23px;"/>     </div >
 </div >

This is my view code, I need the grndttlAmt to add for the text box values of amountfdtlspop,fineAmt,waivedAmt,schShipAmt to add dynamically or automatically when the user enters the value .How can i achieve this in Jquery?

Grand Total=Amount+Fine Amount+ Waived Amount+Scholar Ship

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('.qty').keyup(function() {   

      // Loop through all input's and re-calculate the total
      var total = 0;
      $('.qty').each(function(){
          total += parseInt(this.value, 10);
      });

      // Update the total
      $('#grndttlAmt').val(total);
  });
});
</script>
<div class="inst_form_field">
 <div class="inst_form_Text"> Amount :     </div >
 <div class="inst_form_Textfield"> <input id="amountfdtlspop" class="qty" name="amountfdtlspop" value="0" type="text" size="20" />     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Fine Amount :     </div >
 <div class="inst_form_Textfield"> <input name="fineAmt" class="qty" id="fineAmt" value="0"  type="text" size="20"/>     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Waived Amount :     </div >
 <div class="inst_form_Textfield"> <input name="waivedAmt" class="qty" id="waivedAmt" value="0" type="text" size="20"/>     </div >
 </div >


 <div class="inst_form_field">
 <div class="inst_form_Text"> Scholar Ship :     </div >
 <div class="inst_form_Textfield"> <input name="schShipAmt" class="qty" id="schShipAmt" value="0" type="text" size="20"/>     </div >
 </div >

 <div class="inst_form_field">
 <div class="inst_form_Text"> Grand Total :     </div >
 <div class="inst_form_Textfield"> <input name="grndttlAmt" id="grndttlAmt" type="text"  value="0" size="23px;"/>     </div >
 </div >
    • 0