0

私はこれを使っていcalculate totalます。これが全体のスクリプトです

<!DOCTYPE HTML>
<html lang="en-IN">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="js/jquery1.7.2.js"></script>
</head>
<body>
  <script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery("#quantity, #unit_price, #tax").on('change',function(event){
        var subtotal = jQuery("#quantity").val() * jQuery("#unit_price").val();
        var total = subtotal + (subtotal  * jQuery("#tax").val() / 100);
        jQuery("#total").val(total);
      });
    });
  </script>
  <table>
    <tr>
      <td>
        <label for="unitcost">Unitcost</label>
        <input type="text" id="unit_price" />
      </td>
     </tr>
     <tr>
      <td>
        <label for="quantity">Quantity</label>
        <input type="text" id="quantity" />
      </td>
    </tr>
    <tr>
      <td>
        <label for="tax">Tax</label>
        <input type="text" id="tax" />
      </td>
    </tr>
    <tr>
      <td>
        <label for="total">Total</label>
        <input type="text" id="total" />
      </td>
    </tr>
  </table>
</body>
</html>

しかし、1つの問題があります。Every timeをclick the text field取得する必要がありresultます。ユーザーがそうするときにそれが欲しいですenter the values in their fields it should show the total without click on input fields。私はjquery ajaxここでうまくいくと思いますが、これでそれを実装する方法がわかりません。どんな助けや提案もかなりのものになります。

4

2 に答える 2

1

入力フィールドをクリックせ .keyup() ずに合計が表示されます。

jQuery("#quantity, #unit_price, #tax").keyup(function(event){

また

jQuery("#quantity, #unit_price, #tax").on('keyup',function(event){
于 2012-09-16T16:59:57.560 に答える
1

たとえばキーアップなど、クリックとは別のイベントを使用してみることができます

このフィドルを試してみてください

だから代わりにjQuery("#quantity, #unit_price, #tax").on('click',function(event){

使用するjQuery("#quantity, #unit_price, #tax").on('keyup',function(event){

于 2012-09-16T17:03:47.653 に答える