JavaScript 函数不适用于 divid.blur

Question

我这里有一个情况，我需要根据使用 JavaScript 的输入计算税金。这是代码：

PHP 代码：

<tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Subtotal</td>
              <td class="total-value"><div id="subtotal">[=12=].00</div></td>
          </tr>
                     <tr>
              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Tax(%)</td>

              <td class="total-value"><textarea id="txp">0.00</textarea></td>
          </tr>
                    <tr>

              <td colspan="2" class="blank"> </td>
              <td colspan="2" class="total-line">Taxes</td>
              <td class="total-value"><div id="tax">[=12=].00</div></td>
          </tr>

JavaScript代码：

function update_tax() {
    var txc = $("txp").val() * $("#subtotal").val() / 100;
    $("#tax").html(txc);
}

$("#txp").blur(update_tax);

但是该功能不起作用。谁能帮我解决为什么这不起作用？

Answer 1

改变

<td class="total-value"><div id="subtotal">[=10=].00</div></td>

至：

<td class="total-value">$<span id="subtotal">0.00</span></td>

并将您的代码发送至：

 $(document).ready(function(){
   function update_tax() {
       var txc = parseFloat($("#txp").val()) * parseFloat($("#subtotal").text()) / 100;
       $("#tax").html("$"+txc);
    }
    $("#txp").blur(update_tax);
  });

现在代码在页面完全加载后开始执行。我从 div 移动了 $ 符号并将 div 更改为 span （内联）。所以 $ 和 value 出现在同一行。

在乘法函数中，我使用 parseFloat 将任何字符串转换为 float。 textarea 中的内容可以使用 jQuery val() 中的内容使用 text() 来检索。同样在函数中，您使用 txp 作为 selector，它将引用名称为 txp 的节点。将其更新为 #txp 至 select 带有 id 的元素：txp.

JavaScript 函数不适用于 divid.blur

JavaScript function not working for divid.blur

javascript

php

jquery

jquery-events