2016-04-17 17 views
2

私は列内のすべてのtdを要約するコードを持っています。しかし、ここでの問題は 合計TD onkeyup

は、私が問題とすべてが大丈夫であるように思わいただきました!知らないコード

<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">MASUKKAN SETORAN UNTUK = <b><?php echo $sr; ?></b> ~ <?php echo $flightnum; ?></h4> 
    </div> 
     <div class="modal-body"> 
      <table class="display" cellspacing="0" width="100%" id="paymentTable"> 
       <thead> 
        <th style="width: 1%;">NO</th> 
        <th style="width: 30%;">MATA UANG</th> 
        <th>RATE</th> 
        <th>SETORAN</th> 
        <th>TOTAL IDR</th> 
       </thead> 
       <tbody> 
       <?php 
       $i = 1; 
        while ($row = $result->fetch_array()) { 
         echo "<tr>"; 
          echo "<td style='width: 1%; '>$row[curr_id]</td>"; 
          echo "<td>$row[curr_code] - $row[curr_desc]</td>"; 
          echo "<td><input type='hidden' value='$row[conv_rate]' id='convRate$i'>$row[conv_rate]</td>"; 
          echo "<td><input type='text' onkeyup='processCurr($i);' id='inputCurr$i'/></td>"; 
          echo "<td class='innertd'><div id='calculatedCurr$i' class='calculatedCurr'></div></td>"; 
         echo "</tr>"; 
         $i++; 
        } 
       ?> 
       </tbody> 
      </table><br/>TOTAL = <div id='totalSumPayment'></div> 
      <button class="btn btn-block btn-primary">SUBMIT <b><?php echo $sr; ?></b> ~ <?php echo $flightnum; ?> DATA</button> 
     </div> 
</div> 

<script> 
    $('#paymentTable').dataTable(); 
    function processCurr(param){  
     var inputcurr= $('#inputCurr'+param).val(); 
     var conversion = $('#convRate'+param).val(); 
     $('#calculatedCurr'+param).html(inputcurr * conversion); 
     calculateSum(); 
    } 

    function calculateSum(){ 
     var sum = 0; 
     //iterate through each textboxes and add the values 
     $(".calculatedCurr").each(function(key,value) { 
      //add only if the value is number 
      if (!isNaN(value) && value.length != 0) { 
       sum += parseFloat(value); 
       $(this).css("background-color", "#FEFFB0"); 
      } 
      else if (value.length != 0){ 
       $(this).css("background-color", "blue"); 
      } 
     }); 

      $("#totalSumPayment").html(sum); 
    } 
</script> 

で、合計が自動的に更新onkeyupのdoesntの、です。助けてください。、

答えて

2

タイプキャストを使用しようとしましたが、それは問題ですか。キーを取得するために必須ではありませんので、必ず.each

単に値を怒鳴るなどの内部HTMLを取得

function processCurr(param){  
    var inputcurr= $('#inputCurr'+param).val(); 
    var conversion = $('#convRate'+param).val(); 
    $('#calculatedCurr'+param).html(inputcurr * conversion); 
    calculateSum(); 
} 

function calculateSum(){ 
    var sum = parseFloat(0); 
    $(".calculatedCurr").each(function(){ 
     //Hear we dont have and array so it's not required to get key, value while itratting .each 
     // just simply get inner html like bellow as value 
     $val=parseFloat($(this).html()); 
     if (!isNaN($val) && $val.length != 0) { 
      sum =sum + parseFloat($val); 
      $(this).css("background-color", "#FEFFB0"); 
     } 
     else if ($val.length != 0){ 
      $(this).css("background-color", "blue"); 
     } 

    }); 

    $("#totalSumPayment").html(sum); 
} 
+0

そのをitratting示しながら

聞くが、私たちは、持っていると、配列値をいけません結果のdiv。 –

+0

に0.00を入力してください... –

+0

ご迷惑をおかけして申し訳ありません。 編集内容を確認してください。 –

関連する問題