|
 |
| |
Javascript Sum Dynamic Field ให้สามารถคำนวนผลรวมทุกแถว และแถวก็ใช้ Javascript ในการเพิ่มแต่ละแถว มีรูปภาพประกอบ |
| |
 |
|
|
 |
 |
|
Apply จากตัวนี้ครับ ไม่ยาก
Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSum()
{
var Total = 0;
for(i=1;i<=document.form1.hdnLine.value;i++)
{
if(eval("document.form1.txtInput"+i+".value")!="")
{
Total = Total + eval("document.form1.txtInput"+i+".value");
}
}
alert(Total);
}
</script>
<form action="page.cgi" method="post" name="form1">
Input 1 <input name="txtInput[]" id="txtInput1" type="text"><br>
Input 2 <input name="txtInput[]" id="txtInput2" type="text"><br>
Input 3 <input name="txtInput[]" id="txtInput3" type="text"><br>
Input 4 <input name="txtInput[]" id="txtInput4" type="text"><br>
Input 5 <input name="txtInput[]" id="txtInput5" type="text"><br>
<input type="hidden" name="hdnLine" value="5">
<input name="btn" type="button" value="Sum" OnClick="JavaScript:return fncSum();">
</form>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2013-03-05 06:16:13 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณคุณวินนะคะ เดี๋ยวขอลองไป apply ดูนะคะ ได้ผลยังไงจะรีบมาบอกค่ะ ขอบคุณมากเลยค่ะ
|
| |
|
|
| |
| Date :
2013-03-05 10:30:23 |
By :
yeanz |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คุณวินคะ พอดีลองนำโค๊ดไปเแก้ไขโดยใส่ parseFloat() แทนที่ eval() ของคุณวิน ปรากฏว่ามันไม่สามารถคำรวรหาผลรวมได้ค่ะ ตามรูปภาพเลยนะคะ
ส่วนด้านล่างนี้เป็นโค๊ดของคุณวินที่หนูลองแก้ไขค่ะ โดยใส่ parseFloat() แทนที่ eval()
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSum()
{
var Total = 0;
for(i=1;i<=document.form1.hdnLine.value;i++)
{
if(parseFloat("document.form1.txtInput"+i+".value")!="")
{
Total += parseFloat("document.form1.txtInput"+i+".value");
}
}
alert(Total);
}
</script>
<form action="page.cgi" method="post" name="form1">
Input 1 <input name="txtInput[]" id="txtInput1" type="text"><br>
Input 2 <input name="txtInput[]" id="txtInput2" type="text"><br>
Input 3 <input name="txtInput[]" id="txtInput3" type="text"><br>
Input 4 <input name="txtInput[]" id="txtInput4" type="text"><br>
Input 5 <input name="txtInput[]" id="txtInput5" type="text"><br>
<input type="hidden" name="hdnLine" value="5">
<input name="btn" type="button" value="Sum" OnClick="JavaScript:return fncSum();">
</form>
</body>
</html>
ไม่ทราบว่าเป็นเพราะอะไร รวบกวนด้วยนะคะ ขอบคุณมากค่ะ
|
| |
|
|
| |
| Date :
2013-03-05 12:41:40 |
By :
yeanz |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช้ IsNan เข้ามาตรวจสอบครับ
Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSum()
{
var Total = 0;
for(i=1;i<=document.form1.hdnLine.value;i++)
{
var num = eval("document.form1.txtInput"+i+".value")
if(num != "" && isNan(num))
{
Total = Total + parseFloat(num);
}
}
alert(Total);
}
</script>
<form action="page.cgi" method="post" name="form1">
Input 1 <input name="txtInput[]" id="txtInput1" type="text"><br>
Input 2 <input name="txtInput[]" id="txtInput2" type="text"><br>
Input 3 <input name="txtInput[]" id="txtInput3" type="text"><br>
Input 4 <input name="txtInput[]" id="txtInput4" type="text"><br>
Input 5 <input name="txtInput[]" id="txtInput5" type="text"><br>
<input type="hidden" name="hdnLine" value="5">
<input name="btn" type="button" value="Sum" OnClick="JavaScript:return fncSum();">
</form>
</body>
</html>
|
| |
|
|
| |
| Date :
2013-03-06 16:34:16 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
fncSum = function()
{
var Total = 0;
for(i=1;i<=document.form1.hdnLine.value;i++)
{
if(document.form1["txtInput"+i].value != "")
{
Total += parseFloat(document.form1["txtInput"+i].value);
}
}
alert(Total);
}
|
| |
|
|
| |
| Date :
2013-03-09 14:06:48 |
By :
nodtem66 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
