[ASK] help gan Calculate Multiple input field QTY, Price,Total,Grand (JQUERY)

Beranda
Komunitas
Tech
Programmer Forum
[ASK] help gan Calculate Multiple input field QTY, Price,Total,Grand (JQUERY)

cyberservo

08-10-2015 22:19

[ASK] help gan Calculate Multiple input field QTY, Price,Total,Grand (JQUERY)

Dear agan2x master jquery and javascript , ane ada kendala nich mengenai detail input multi insert field pada Format number PRICE, QTY, automatic hitung TOTAL PRICE dan GRAND TOTAL. #format Number semua gan.

jadi ane ada form di mana filed insert nya dinamic , bisa di add sesuai kebutuhan jika ingin menambahan kan data detail yang ingin di input, pertnyaan ane:

1.gimana ya gan agar kalkulasi pengalian QTY dan PRICE dan hasil nya Muncul di TOTAL PRICE ,itu bisa berjalan di semua field yg di add dinamis, karena jquery yang ane punya cuma bisa menghitung field yang pertama saja.

2 .lalu sumary total price otomatis muncul GRAND PRICE.

3. hasil angka tersebut berformat number.

Berikut picture tampilan form nya gan

Spoiler for gambar form :

[ASK] help gan Calculate Multiple input field QTY, Price,Total,Grand (JQUERY)

berikut jquery dan html nya gan

Spoiler for HTML NYA :

PHP Code:



" [script]"=> javascript
 

//calculate and add field--------------
$(function(){  
 $('#add').click(function(){
   addnewrow(); 
  });  
  
 
  $('body').delegate('.remove','click',function(){
   $(this).parent().parent().remove();
  });
  
 
  $('body').delegate('.quantity,.price','keyup',function(){  
   var tr =  $(this).parent().parent();
   var qty = tr.find('.quantity').val();
   var price = tr.find('.price').val();
   var amt = qty * price;                     
   
   tr.find('.amount').val(amt); 
   total(); 
  });
  
});

function total()
{
 var t=0;
 $('.amount').each(function(i,e) {
  var amt = $(this).val()-0;
  t += amt;        
    });
 $('.total').val(t) ;
}

function addnewrow()
{

var n = ($('.detail tr').length-0)+1; 
var tr = '<tr>'+
'<td class="no">'+ n +'</td>'+                                            
'<td><input type="text" name="flagstat[]"  value="1"  hidden="true"  /> <input type="text" name="txtidmasdet[]"  value="<?php echo $ponumber ?>"  hidden="true"  /><input type="text" maxlength="70"  name="txtdesc[]"  placeholder="Description" size="24" class="form-control txtdesc" /></td>'+'<td><input type="text" maxlength="70"  name="txtspecs[]"  placeholder="Specs" size="30" class="form-control txtspecs" /></td>'+'<td><input maxlength="6" id="txtqty"  name="txtqty[]" type="text" placeholder="0" size="7"></td>'+                                                                                    
'<td><input maxlength="14"  name="txtprice[]" type="text" placeholder="0.00" size="30"> </td>'+ 
'<td><input  maxlength="70"   name="txtamount[]"  placeholder="0.00"  size="35"  class="form-control amount" readonly="readonly"/></td>'+'<td>  <button class="remove"><img src="<?php echo base_url('asset/images/delete.png'); ?>" /></button></td>'+
'</tr>';
 
 $('.detail').append(tr);
}


" [/script]"=> javascript
 

<div class="panel-body">                   
             <div class="col-md-12 col-md-offset-0">  
                <table class="table-striped table-bordered table-hover table-condensed">
                      <thead style="background:#CED2FD; font-weight:bold; ">
                        <td >No</td>
                            <td width="30%">Description</td>
                            <td width="30%" >Specs</td>
                            <td>Qty</td>
                            <td>Prices</td>
                            <td>Total Prices</td>
                            <td align="center"><input type="button" id="add" Class="btn" value="+" /></td>
                        </thead>    
                        
                  <tbody class="detail">                         
                      <tr>
                         <td class="no">1</td>                                            
                        <td>
                        <input type="text" name="txtidmasdet[]" maxlength="25"  value="<?php echo $ponumber ?>"  hidden="true"  />
                        <input type="text" name="flagstat[]"  value="1"  hidden="true"  />
                        <input type="text" maxlength="70" id="txtdesc"  name="txtdesc[]"  placeholder="Description" size="24" class="form-control txtdesc" />
                        </td>
                        <td>
                          <input type="text" maxlength="70"  name="txtspecs[]"  placeholder="Specs" size="30" class="form-control txtspecs"  />
                        </td>                     
                        <td><input maxlength="6"  name="txtqty[]" type="text" placeholder="0" size="12">  
                        </td>                                                                                    
                        <td>
                         <input maxlength="14"  name="txtprice[]" type="text" placeholder="0.00" size="30"> 
                        </td>
                        
                       <td>
                     <input  maxlength="70" name="txtamount[]"  placeholder="0.00"  size="35"  class="form-control amount" readonly="readonly" />                                                                                                                   
                       </td>
                        <td >                        
                        <button class="remove"><img src="<?php echo base_url('asset/images/delete.png'); ?>" /></button>
                        </td>
                       
                     </tr>
                    </tbody> 
                 </table>                  
              </div>   
              
                  <br />                                                                                            
                                                                                               
                <div  class="col-xs-6 col-xs-offset-0 pull-left">
                    <input id="btnsave" name="btnsave" type="submit" value="save"  class="btn btn-info " />     
                    <input id="btnsend" name="btnsend" type="submit" value="Save & Send Aproval"  class="btn btn-success " />                    <a href="<?php echo base_url('c_create_pp/c_create_pp');?>" style="text-decoration:none;"><input id="btnback" name="btnback" type="button" value="Back To Table" class="btn btn-warning" /> </a>                                        
               </div>                                                             
      </div>                                                                                                                      
 </div>

Mohon bantuan nya ya agan2x yang baik, dan semoga pahala nya di terima di sisi tuhan yg maha esa, amieen..

Diubah oleh cyberservo 12-10-2015 21:02

5.4K

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan