2015-02-24 3 views
-2

На самом деле, как автоматически вычислять промежуточные итоги в зависимости изменение JS вращателя, а также суммировать их в итога с JQuery, я недавно в JQuery с функцией работы так что любое предложение будет оцененоАвтоматически рассчитать значение Jquery блесны

Спасибо

Горячо

Fiddle >>

<div class="table-responsive" id="bottom-table"> 
<table class="table table-striped"> 
    <thead> 
     <tr> 
      <th>No</th> 
      <th>Part Number</th> 
      <th>Desc</th> 
      <th>Qty/Unit</th> 
      <th>Qty Needed</th> 
      <th>Het (Rp)</th> 
      <th>Estimation Price</th> 
      <th>&nbsp;</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>3DCam01</td> 
      <td>3D Camera</td> 
      <td>1</td> 
      <td><input class="spinner" value="1" readonly="readonly"></td> 
      <td>$1500.00</td> 
      <td><p class="subtotal"></p>Subtotal</td> 
      <td><a href="index.php?action=remove&code=3DCam01" class="btnRemoveAction">Delete</a></td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>USB02</td> 
      <td>External Hard Drive</td> 
      <td>1</td> 
      <td><input class="spinner" value="1" readonly="readonly"></td> 
      <td>$800.00</td> 
      <td>Subtotal</td> 
      <td><a href="index.php?action=remove&code=USB02" class="btnRemoveAction">Delete</a></td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>wristWear03</td> 
      <td>Wrist Watch</td> 
      <td>1</td> 
      <td><input class="spinner" value="1" readonly="readonly"></td> 
      <td>$300.00</td> 
      <td>Subtotal</td> 
      <td><a href="index.php?action=remove&code=wristWear03" class="btnRemoveAction">Delete</a></td> 
     </tr>        
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td>Total</td> 
      <td>Total Amount</td> 
      <td><a href="index.php?action=remove&code=wristWear03" class="btnRemoveAction">Delete</a></td> 
     </tr>       
    </tbody> 
</table> 
</div> 

Благодаря

Горячо

ответ

0

вы должны связать спин событие, чтобы получить значение, вводимые затем обновить DOM соответственно

function quantity(price, multiplier) { 
    if (multiplier === 1) { 
     return '$' + price.toFixed(2); 
    } 

    return '$' + (price * multiplier).toFixed(2); 
} 

$(".spinner").spinner({ 
    min: 1, 
    spin: function (event, ui) { 
     var value = ui.value; 
     var $target = $(event.target); 
     var $priceCell = $target.parents('td').next('td'); 
     var $subtotalCell = $priceCell.next('td'); 
     $subtotalCell.text(quantity($priceCell.data('price'), value)); 
    } 
}); 

скрипка - http://jsfiddle.net/m6csdx51/1/

уведомления добавление данных-цены на ценовые ячейки

Смежные вопросы