ユーザーが選択したテキストボックスに値を入力するたびに、基本的にフォームの総コストを更新するスクリプトに取り組んでいます。私の問題は、電話をかけても更新されない理由がわからないことです。どこかで間違いを犯したことはわかっていますが、まだどこかわかりません。
$(document).ready(function () {
var total = document.getElementById(txtTotalCost);
ComputeCosts();
total.blur(function () {
ComputeCosts();
});
});
function ComputeCosts()
{
var amount1 = document.getElementById(txtPAmount1);
var amount2 = document.getElementById(txtPAmount2);
var amount3 = document.getElementById(txtPAmount3);
var amount4 = document.getElementById(txtPAmount4);
var amount5 = document.getElementById(txtPAmount5);
var totalBox = document.getElementById("txtTotalCost");
var totalGift = (txtPAmount1.val() +txtPAmount2.val() + txtPAmount3.val()+txtPAmount4.val()+txtPAmount5.val()).toFixed(2);
totalBox.val(totalGift);
}
html側は次のとおりです。
<asp:TextBox runat="server" ID="txtPAmount1" CssClass="narrow" onClick="ComputeCosts();" text="0.00" />
<asp:TextBox runat="server" ID="txtPAmount2" CssClass="narrow" onClick="ComputeCosts();" text="0.00" />
<asp:TextBox runat="server" ID="txtPAmount3" CssClass="narrow" onClick="ComputeCosts();" text="0.00" />
<asp:TextBox runat="server" ID="txtPAmount4" CssClass="narrow" onClick="ComputeCosts();" text="0.00" />
<asp:TextBox runat="server" ID="txtTotalCost" CssClass="narrow" onClick="ComputeCosts();" text="0.00" />