JQuery: плагин расчета не рассчитывает к общей цене

Question

: плагин Домашняя страница: Ссылка .

: javascript

  $("[id^=total_price_ht]").calc(
    // the equation to use for the calculation
    "qty * price",
    {
      qty: $("[id^=unit_quantity_]"),
      price: $("[id^=unit_price_ht_]")
    },
    function (s){
      // return the number as a dollar amount
      return "$" + s.toFixed(2);
    }
  );

: html

<tr id="lines[0]">
  <td>
    <input id="0" type="checkbox" class="hiddenCheckbox">
    <label for="0" class="prettyCheckbox checkbox list"><span class="holderWrap" style="width: 18px; height: 19px; "><span class="holder" style="width: 18px; "></span></span></label>
  </td>
  <td>
    <input class="required" name="lines[0][title]" placeholder="Title" type="text">
  </td>
  <td>
    <input name="lines[0][description]" placeholder="Description" type="text">
  </td>
  <td>
    <input class="required" id="unit_quantity_0" name="lines[0][quantity]" placeholder="Quantité" type="text" value="0,00">
  </td>
  <td>
    <input class="required" id="unit_price_ht_0" name="lines[0][unit_price_ht]" placeholder="Prix unit. HT" type="text" value="0,00">
  </td>
  <td class="price" id="total_price_ht_0">$0.00</td>
</tr>

После загрузки страницы в поле total_price_ht отображается значение «0,00 долл. США», но его значение не изменяется при изменении количества или цены.

Чтоя делаю не так? Спасибо.

Answer 1

Я думаю, вам нужно вызывать плагин calc каждый раз, когда вы хотите пересчитать сумму:

$("[id^='unit_quantity_'], [id^='unit_price_ht_']").keyup(recalc);


function recalc() {

    $("[id^='total_price_ht']").calc(
    // the equation to use for the calculation
    "qty * price", {
        bind: "keyup",
        qty: $("[id^='unit_quantity_']"),
        price: $("[id^='unit_price_ht_']")
    }, function(s) {
        // return the number as a dollar amount
        return "$" + s.toFixed(2);
    });
}

recalc();

Пример: http://jsfiddle.net/upEZW/