文本框之間的JavaScript計算
[英]Javascript calculations between text boxes
問題描述
我的Javascript函數aa()是使用paying_now輸入字段的值調用的。 我想找到paying_now和paid的值的總和，以及balance和paying_now 。
netpay ， balance和paid的值將從數據庫中獲取。 在這里，我將net_pay設置為1000。
當paying_now值添加到該文本框中時，此代碼僅適用於余額，並且不會更改已paid文本框。 NaN也正在發生。 是什么賦予了？
Java腳本
function aa(paying_now)
{
var net_pay = document.getElementById('net_pay').value;
var paid = document.getElementById('paid_hidden').value;
var balance = document.getElementById('balance_hidden').value;
if(parseInt(paying_now) > parseInt(net_pay))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than Netpay");
return;
}
else if(parseInt(paying_now) > parseInt(balance))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than balance amount");
return;
}
document.getElementById('paid').value = parseInt(paid)+parseInt(paying_now);
document.getElementById('balance').value = parseInt(balance)-parseInt(paying_now);
}
的HTML
<table>
<tr>
<td>
<strong>Netpay:</strong>
<input type='text' id='net_pay' value = '1000' readonly />
</td>
<td>
Paid: <input type='text' value='100' id='paid' name='paid' readonly />
<input type='hidden' value='100' id='paid_hidden' ></td>
</td>
<td>
<strong>Balance:</strong>
<input type='text' value='900' id='balance' readonly />
<input type='hidden' value='900' id='balance_hidden' />
</td>
<td>
<strong>Paying now:</strong><input type='text' id='paying_now' onkeyUp='aa(this.value);' />
</td>
</tr>
</table>
對於它的價值，這里是帶有以下代碼的JSFiddle： http : //jsfiddle.net/JeSZX/
4 個解決方案
解決方案1
3 2011-11-24 06:40:18
您的JScript代碼基本上完成了您想要的描述（但也許我理解錯了）。
只要您在“現在的付款”字段中有一些不是數字的值（無字或字母），就會出現NaN。 為了解決這個問題，您需要先對變量paying_now的內容進行檢查，然后再使用isNaN()函數對它們進行一些算術運算：
if (isNaN(paying_now) == false) {
alert ("Not a number!");
return;
}
您的演示html代碼稍微模糊了問題，回聲和表構造不是問題的一部分。
嘗試簡單地將其添加，如下所示：
Netpay:
<input type='text' id='net_pay' value = '1000' readonly />
Paid:
<input type='text' value='100' id='paid' name='paid' readonly />
<input type='hidden' value='100' id='paid_hidden' />
Balance:
<input type='text' value='900' id='balance' readonly />
<input type='hidden' value='900' id='balance_hidden' />
Paying now:
<input type='text' id='paying_now' onkeyUp='aa(this.value);' />
解決方案2
2 已采納 2011-11-24 06:37:53
我已經修改了代碼。 請執行此操作，其工作正常。
function aa(paying_now)
{
var net_pay = document.getElementById('net_pay').value;
var paid = document.getElementById('paid_hidden').value;
var balance = document.getElementById('balance_hidden').value;
if(paying_now === ""){
document.getElementById('paid').value = paid;
document.getElementById('balance').value = balance;
}
else if(parseInt(paying_now) > parseInt(net_pay))
{
alert("Amount Paying now cannot be higher than Netpay");
document.getElementById('paying_now').value="";
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
document.getElementById('paying_now').focus();
}
else if(parseInt(paying_now) > parseInt(balance))
{
alert("Amount Paying now cannot be higher than balance amount");
document.getElementById('paying_now').value="";
document.getElementById('paying_now').focus();
}
else{
document.getElementById('paid').value = parseInt(paid)+parseInt(paying_now);
document.getElementById('balance').value = parseInt(balance)-parseInt(paying_now);
}
}
html代碼中存在一些小錯誤，請也進行更改。 例如，在某些地方，缺少結束標記。 將隱藏字段僅放在<td>和</td> 。
解決方案3
2 2011-11-24 06:49:19
<html>
<head>
<script>
function aa(paying_now)
{
if(isNaN(parseInt(paying_now)))
{paying_now=0;
}
var net_pay = document.getElementById('net_pay').value;
var paid = document.getElementById('paid_hidden').value;
var balance = document.getElementById('balance_hidden').value;
if(parseInt(paying_now) > parseInt(net_pay))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than Netpay");
return;
}
else if(parseInt(paying_now) > parseInt(balance))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than balance amount");
return;
}
document.getElementById('paid').value = parseInt(paid)+parseInt(paying_now);
document.getElementById('balance').value = parseInt(balance)-parseInt(paying_now);
}
</script>
</head>
<body>
<form name="form1">
<table>
<tr><td>
<strong>
Netpay:<strong>
<input type='text' id='net_pay' value = '1000' readonly />
<td>Paid:<input type='text' value='100' id='paid' name='paid' readonly />
</td>
<input type='hidden' value='100' id='paid_hidden' >
<td><strong>Balance:</strong><input type='text' value='900' id='balance' readonly /></td>
<input type='hidden' value='900' id='balance_hidden' />
<td><strong>Paying now:</strong><input type='text' id='paying_now' onkeyUp='aa(this.value);' /></td></tr>
</table>
</form>
</body>
</html>
看看這對我來說工作正常，我在您的代碼中增加了以下代碼行，用於處理NaN（例如“”或字母）
if(isNaN(parseInt(paying_now)))
{paying_now=0;
}
解決方案4
1 2011-11-24 06:39:49
如果您只想獲得已支付的當前更改值，則只需刪除“ paid”和“ paying_now”的加法，這樣您的代碼就會看起來像。
<script>
function aa(paying_now)
{
var net_pay = document.getElementById('net_pay').value;
var pay_now=document.getElementById('paying_now').value;
var paid = document.getElementById('paid_hidden').value;
var balance = document.getElementById('balance_hidden').value;
if(pay_now==" ")
{
alert("value requrie");
document.getElementById('paying_now').focus();
document.getElementById('paid_hidden').value=paid;
document.getElementById('balance_hidden').value=balance;
return;
}
if(parseInt(paying_now) > parseInt(net_pay))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than Netpay");
return;
}
else if(parseInt(paying_now) > parseInt(balance))
{
document.getElementById('paying_now').value=0;
document.getElementById('paid').value=paid;
document.getElementById('balance').value=balance;
alert("Amount Paying now cannot be higher than balance amount");
return;
}
document.getElementById('paid').value = parseInt(paying_now);
document.getElementById('balance').value = parseInt(balance)-parseInt(paying_now);
}
</script>
復選框的Javascript，用於將帳單文本框復制到運輸文本框
[英]Javascript for checkbox to copy billing text boxes over to shipping text boxes
如果所有三個文本框<>然后是100％，則Javascript會驗證錯誤的文本框
[英]Javascript Validate Text Boxes with Error IF all three text boxes <> then 100%
使用JavaScript在HTML文本框之間切換HTML ID屬性值
[英]Switch HTML ID Attribute Value Between HTML Text-Boxes Using JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.