Question

我创建了一个计算7.5％销售税的功能（见下文）。现在我需要帮助做以下事情：

让totalTax（）接受2个参数一个是价格，另一个是税。
提交时（使用onSubmit事件调用此函数的处理程序）功能处理价格和通过操纵参数来征税你过去了。

在页面上更新销售税动态与销售税是你为之定义的功能 7.5％的销售税：

而不是使用.innerHTML jQuery访问这些文档元素并写信给他们：

   document.getElementById('requestedAmount' ).innerHTML = priceInput;  
   document.getElementById('requestedTax' ).innerHTML = salesTax;   
   document.getElementById('requestedTotal' ).innerHTML = totalAmount;

原始代码：

<script type="text/javascript">
$().ready(function() {
    // validate the comment form when it is submitted
    $("#inputForm").validate(); 
    $("#priceInput").priceFormat({
    prefix: '',
    limit: 5,
    centsLimit: 2
}); 
});

function totalTax(){
  var priceInput = document.getElementById( 'priceInput' ).value;
  var salesTax = Math.round(((priceInput / 100) * 7.5)*100)/100;
  var totalAmount = (priceInput*1) + (salesTax * 1);

  document.getElementById( 'requestedAmount' ).innerHTML = priceInput;
  document.getElementById( 'requestedTax' ).innerHTML = salesTax;
  document.getElementById( 'requestedTotal' ).innerHTML = totalAmount;
}
</script>

<body>
<form class="cmxform" id="inputForm" method="get" action="">
  <p>
    <label for="priceInput">Enter the price: </label>
    <input id="priceInput" name="name" class="required"/>
  </p>
  <p>
    <input class="submit" type="submit" value="Submit" onclick="totalTax();"/>
  </p>
</form>
<div>Entered price:
  <p id="requestedAmount"></p>
</div>
<div>7.5 percent sales tax:
  <p id="requestedTax"></p>
</div>
<div>Total:
  <p id="requestedTotal"> </p>
</div>

Answer 1

是否需要将其转换为jquery：

$(document).ready(function() {
    // validate the comment form when it is submitted
    $("#inputForm").validate(); 
    $("#priceInput").priceFormat({
    prefix: '',
    limit: 5,
    centsLimit: 2
}); 
});

function totalTax(){
  var priceInput = parseFloat(($("#priceInput").var());//document.getElementById( 'priceInput' ).value;
  var salesTax = Math.round(((priceInput / 100) * 7.5)*100)/100;
  var totalAmount = (priceInput*1) + (salesTax * 1);

  $('#requestedAmount' ).html(priceInput) ;
  $( '#requestedTax' ).html(salesTax);
  $( '#requestedTotal' ).html(totalAmount);
}
</script>

<body>
<form class="cmxform" id="inputForm" method="get" action="">
  <p>
    <label for="priceInput">Enter the price: </label>
    <input id="priceInput" name="name" class="required"/>
  </p>
  <p>
    <input class="submit" type="submit" value="Submit" onclick="totalTax();"/>
  </p>
</form>
<div>Entered price:
  <p id="requestedAmount"></p>
</div>
<div>7.5 percent sales tax:
  <p id="requestedTax"></p>
</div>
<div>Total:
  <p id="requestedTotal"> </p>
</div>

jQuery销售税

1 个答案: