求助js高手,如何自动计算总额----在线等待,解决就接贴

nnjieguo 2004-11-11 08:57:21
部分画面如下:
型号 品名规格 单位 单价 数量
AO201 莹光笔 支 5 ____
AO787 奇异笔水 瓶 3 ____
AO818 园珠笔 支 1 ____
AO878 园珠笔芯 支 0.5 ____
AO886 粗漆油笔 支 10 ____
AO887 小双头油性笔 支 5 ____
AO897 粗奇异笔 支 6 ____
AO907 中华铅笔 支 0.5 ____
BO09 AA软皮抄 本 2 ____
BO230 医用胶布 盒 15 ____
BO281 五彩便粘纸 迭 5 ____
BO284 图钉 盒 1 ____
BO321 梯形名片册 本 25 ____
BO333 双色印台 个 9 ____
BO384 马牌印台 个 8 ____
BO771 渡边高级软抄 本 4 ____
BO776 南过胶片(南宝) 盒 10 ____
BO787 硬皮抄 本 4 ____
BO788 回形针(小) 盒 1 ____
BO797 橡皮刷 块 1 ____

总金额: _____
功能要求,在填写数量的时候自动根据单价*数量写入宗金额,数量可以不填
比如,我在
AO201 莹光笔 支 5 ____ 这笔的数量上填写 5 那么金额的values= 5*5=25
然后
AO787 奇异笔水 瓶 3 ____ 在这笔的数量上填写 3
那么金额的 value= 25 + 3*3 = 34
以此类推,当数量不填写的时候 value=0
数据较多,大概有100多笔,请高手帮忙!!谢谢!!
...全文
173 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
谢谢
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
..........................................................................................................................................................................................................................................................
TSD 2004-11-11
  • 打赏
  • 举报
回复
<input id=pnum style="WIDTH: 28px" maxlength=4
name=pnum onKeyUp="value=value.replace(/[^0-9]/g,'')" onMouseOver="value=value.replace(/[^0-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^0-9]/g,''))">


onKeyUp->onChange
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
to: TSD(因为你有而精彩) ( )

謝謝
金額已經沒有問題了。但是輸入數字卻還是不行,
只要一输入文字的话,那么金额就会有问题,
现在就是想输入文字的话,就不要执行 onkeyup里面的函数了,
还有以上可以整合到一個函數麽,

谢谢,再帮一次吧

12点以前接贴
TSD 2004-11-11
  • 打赏
  • 举报
回复
name 和 id 不同,这有什么关系啊?

只能输入数字:

<input id=pnum style="WIDTH: 28px" maxlength=4
name=pnum onKeyUp="value=value.replace(/[^0-9]/g,'')" onMouseOver="value=value.replace(/[^0-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^0-9]/g,''))">
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
to TSD(因为你有而精彩) ( )
name 和 id 是不同的呀


還有可以解決只能輸入數字麽
謝謝
TSD 2004-11-11
  • 打赏
  • 举报
回复
修改函数如下:
function tj()
{
var pCount=0;
for(i=0;i<10;i++){
//alert(document.f2.pri[i].value*document.f2.pnum[i].value);
pCount=pCount+document.f2.pri[i].value*document.f2.pnum[i].value;
}
document.f2.txtc.value=pCount;
}

TEXT的事件改为:onFocus="tj()" onKeyUp="tj()"

注意:单位和单价用数组

其它的一些判断你自已可以搞定了吧
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
可以加上 只能輸入數字
TSD 2004-11-11
  • 打赏
  • 举报
回复
<html>
<head>
<title>tj</title>

<style type="text/css">
<!--
.style1 {font-size: 12px}
-->
</style>
<script language="javascript">
<!--

function tj(id)
{
var pCount=0;
for(i=0;i<id;i++){
//alert(document.f2.pri[i].value*document.f2.pnum[i].value);
pCount=pCount+document.f2.pri[i].value*document.f2.pnum[i].value;
}
if(id==9){pCount=pCount+document.f2.pri[9].value*document.f2.pnum[9].value;}
document.f2.txtc.value=pCount;
}
//->
</script>
</head><body ><form name="f2">
<table width="800" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#999999">
<tr bgcolor="#33CCFF" class="style1">
<td width="140"> <div align="center" class="style1">型號 </td>
<td width="124">品名規格</td> <td width="50"> 單位 </td>
<td width="72"> 單價</td><td width="40"> 數量 </td>
</tr>
<tr class="style1"><td width="140">AO201</td>
<td width="124">瑩光筆</td><td width="50">支</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="5" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(0)" size="4"></td>
</tr>
<tr class="style1"> <td width="140">AO818</td>
<td width="124">園珠筆</td> <td width="50">支</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="1" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(1)" size="4"></td>
</tr>
<tr class="style1"> <td width="140">AO886</td>
<td width="124">粗漆油筆</td><td width="50">支</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="10" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(2)" size="4"></td>
</tr>
<tr class="style1"><td width="140">AO897</td>
<td width="124"> 粗奇異筆</td> <td width="50">支</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="6" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(3)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO09</td>
<td width="124">AA軟皮抄</td><td width="50">本</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="2" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(4)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO281</td>
<td width="124">五彩便粘紙</td><td width="50">疊</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="5" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(5)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO321</td>
<td width="124">梯形名片冊</td><td width="50">本</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="25" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(6)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO384</td>
<td width="124">馬牌印台</td><td width="50">個</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="8" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(7)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO776</td>
<td width="124">南過膠片 (南寶)</td><td width="50">盒</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="10" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onFocus="tj(8)" size="4"></td>
</tr>
<tr class="style1"><td width="140">BO788</td>
<td width="124">回形針(小)</td><td width="50">盒</td>
<td width="72"><input name="pri" type="text" id="pri" size="6" value="1" readonly></td>
<td width="40"><input name="pnum" type="text" id="pnum" onChange="tj(9)" size="4"></td>
</tr>
</table>
<input name="txtc" type="text" id="txtc">
</form></body></html>
life360 2004-11-11
  • 打赏
  • 举报
回复
高手
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
測試一下,謝謝
iuhxq 2004-11-11
  • 打赏
  • 举报
回复
帮你写了前三个,后面的自己写吧,另外注意不能以客户提交的金额为准,要在后台自己计算一下

<html>
<style type="text/css">
<!--
.style1 {font-size: 12px}
-->
</style><body ><form name="f2">
<table width="800" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#999999">
<tr bgcolor="#33CCFF" class="style1">
<td width="37"> <div align="center" class="style1">型號 </td>
<td width="112">品名規格</td> <td width="45"> 單位 </td>
<td width="65"> 單價</td><td width="36"> 數量 </td>
<td width="3"></td><td width="44">型號</td>
<td width="126">品名規格</td><td width="56">單位</td>
<td width="48">單價</td><td width="36">數量</td> </tr>
<tr class="style1"><td width="37">AO201</td>
<td width="112">瑩光筆</td><td width="45">支</td>
<td width="65"><input name="wjpri1" type="text" id="wjpri1" size="6" value="5" readonly></td>
<td width="36"><input name="wjsl1" type="text" id="wjsl1" size="4" onKeyUp="totalm.value=parseInt(totalm.value)+value*5;"></td>
<td width="3" bgcolor="#000000"></td><td width="44">AO787</td>
<td width="126">奇異筆水</td><td width="56">瓶</td>
<td width="48"><input name="wjpri2" type="text" id="wjpri2" value="3" size="6" ></td>
<td width="36"><input name="wjsl2" type="text" id="wjsl2" size="4"></td> </tr>
<tr class="style1"> <td width="37">AO818</td>
<td width="112">園珠筆</td> <td width="45">支</td>
<td width="65"><input name="wjpri3" type="text" id="wjpri3" size="6" value="1" readonly></td>
<td width="36"><input name="wjsl3" type="text" id="wjsl3" size="4" onKeyUp="totalm.value=parseInt(totalm.value)+value*1;"></td>
<td width="3" bgcolor="#000000"></td> <td width="44">AO878</td>
<td width="126">園珠筆芯</td> <td width="56">支</td>
<td width="48"><input name="wjpri4" type="text" id="wjpri4" value="0.5" size="6" ></td>
<td width="36"><input name="wjsl4" type="text" id="wjsl4" size="4"></td> </tr>
<tr class="style1"> <td width="37">AO886</td>
<td width="112">粗漆油筆</td><td width="45">支</td>
<td width="65"><input name="wjpri5" type="text" id="wjpri5" size="6" value="10" readonly></td>
<td width="36"><input name="wjsl5" type="text" id="wjsl5" size="4" onKeyUp="totalm.value=parseInt(totalm.value)+value*10;"></td>
<td width="3" bgcolor="#000000"></td> <td width="44">AO887</td>
<td width="126">小雙頭油性筆</td> <td width="56">支</td>
<td width="48"><input name="wjpri6" type="text" id="wjpri6" value="5" size="6" ></td>
<td width="36"><input name="wjsl6" type="text" id="wjsl6" size="4"></td> </tr>
<tr class="style1"><td width="37">AO897</td>
<td width="112"> 粗奇異筆</td> <td width="45">支</td>
<td width="65"><input name="wjpri7" type="text" id="wjpri7" size="6" value="6" readonly></td>
<td width="36"><input name="wjsl7" type="text" id="wjsl7" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">AO907</td>
<td width="126">中華鉛筆</td><td width="56">支</td>
<td width="48"><input name="wjpri8" type="text" id="wjpri8" value="0.5" size="6" ></td>
<td width="36"><input name="wjsl8" type="text" id="wjsl8" size="4"></td></tr>
<tr class="style1"><td width="37">BO09</td>
<td width="112">AA軟皮抄</td><td width="45">本</td>
<td width="65"><input name="wjpri9" type="text" id="wjpri9" size="6" value="2" readonly></td>
<td width="36"><input name="wjsl9" type="text" id="wjsl9" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO230</td>
<td width="126">醫用膠布</td><td width="56">盒</td>
<td width="48"><input name="wjpri10" type="text" id="wjpri10" value="15" size="6" ></td>
<td width="36"><input name="wjsl10" type="text" id="wjsl10" size="4"></td> </tr>
<tr class="style1"><td width="37">BO281</td>
<td width="112">五彩便粘紙</td><td width="45">疊</td>
<td width="65"><input name="wjpri11" type="text" id="wjpri11" size="6" value="5" readonly></td>
<td width="36"><input name="wjsl11" type="text" id="wjsl11" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO284</td>
<td width="126">圖釘</td> <td width="56">盒</td>
<td width="48"><input name="wjpri12" type="text" id="wjpri12" value="1" size="6" ></td>
<td width="36"><input name="wjsl12" type="text" id="wjsl12" size="4"></td> </tr>
<tr class="style1"><td width="37">BO321</td>
<td width="112">梯形名片冊</td><td width="45">本</td>
<td width="65"><input name="wjpri13" type="text" id="wjpri13" size="6" value="25" readonly></td>
<td width="36"><input name="wjsl13" type="text" id="wjsl13" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO333</td>
<td width="126">雙色印台</td><td width="56">個</td>
<td width="48"><input name="wjpri14" type="text" id="wjpri14" value="9" size="6" ></td>
<td width="36"><input name="wjsl14" type="text" id="wjsl14" size="4"></td> </tr>
<tr class="style1"><td width="37">BO384</td>
<td width="112">馬牌印台</td><td width="45">個</td>
<td width="65"><input name="wjpri15" type="text" id="wjpri15" size="6" value="8" readonly></td>
<td width="36"><input name="wjsl15" type="text" id="wjsl15" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO771</td>
<td width="126">渡邊高級軟抄</td><td width="56">本</td>
<td width="48"><input name="wjpri16" type="text" id="wjpri16" value="4" size="6" ></td>
<td width="36"><input name="wjsl16" type="text" id="wjsl16" size="4"></td></tr>
<tr class="style1"><td width="37">BO776</td>
<td width="112">南過膠片 (南寶)</td><td width="45">盒</td>
<td width="65"><input name="wjpri17" type="text" id="wjpri17" size="6" value="10" readonly></td>
<td width="36"><input name="wjsl17" type="text" id="wjsl17" size="4"></td>
<td width="3" bgcolor="#000000"></td>
<td width="44">BO787</td><td width="126">硬皮抄</td> <td width="56">本</td>
<td width="48"><input name="wjpri18" type="text" id="wjpri18" value="4" size="6" ></td>
<td width="36"><input name="wjsl18" type="text" id="wjsl18" size="4"></td></tr>
<tr class="style1"><td width="37">BO788</td>
<td width="112">回形針(小)</td><td width="45">盒</td>
<td width="65"><input name="wjpri19" type="text" id="wjpri19" size="6" value="1" readonly></td>
<td width="36"><input name="wjsl19" type="text" id="wjsl19" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO797</td>
<td width="126">橡皮刷</td><td width="56">塊</td>
<td width="48"><input name="wjpri20" type="text" id="wjpri20" value="1" size="6" ></td>
<td width="36"><input name="wjsl20" type="text" id="wjsl20" size="4"></td></tr>
<tr><td width="126"><input name="totalm" type="text" id="totalm" size="10" value="0"></td></tr>
</table></form></body></html>
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
代码有点乱,因为比较长,复制后就可以用 html 文件,目前只列出20笔,总笔数大约在100多笔
nnjieguo 2004-11-11
  • 打赏
  • 举报
回复
代码如下
<html>
<style type="text/css">
<!--
.style1 {font-size: 12px}
-->
</style><body ><form name="f2">
<table width="800" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#999999">
<tr bgcolor="#33CCFF" class="style1">
<td width="37"> <div align="center" class="style1">型號 </td>
<td width="112">品名規格</td> <td width="45"> 單位 </td>
<td width="65"> 單價</td><td width="36"> 數量 </td>
<td width="3"></td><td width="44">型號</td>
<td width="126">品名規格</td><td width="56">單位</td>
<td width="48">單價</td><td width="36">數量</td> </tr>
<tr class="style1"><td width="37">AO201</td>
<td width="112">瑩光筆</td><td width="45">支</td>
<td width="65"><input name="wjpri1" type="text" id="wjpri1" size="6" value="5" readonly></td>
<td width="36"><input name="wjsl1" type="text" id="wjsl1" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">AO787</td>
<td width="126">奇異筆水</td><td width="56">瓶</td>
<td width="48"><input name="wjpri2" type="text" id="wjpri2" value="3" size="6" ></td>
<td width="36"><input name="wjsl2" type="text" id="wjsl2" size="4"></td> </tr>
<tr class="style1"> <td width="37">AO818</td>
<td width="112">園珠筆</td> <td width="45">支</td>
<td width="65"><input name="wjpri3" type="text" id="wjpri3" size="6" value="1" readonly></td>
<td width="36"><input name="wjsl3" type="text" id="wjsl3" size="4"></td>
<td width="3" bgcolor="#000000"></td> <td width="44">AO878</td>
<td width="126">園珠筆芯</td> <td width="56">支</td>
<td width="48"><input name="wjpri4" type="text" id="wjpri4" value="0.5" size="6" ></td>
<td width="36"><input name="wjsl4" type="text" id="wjsl4" size="4"></td> </tr>
<tr class="style1"> <td width="37">AO886</td>
<td width="112">粗漆油筆</td><td width="45">支</td>
<td width="65"><input name="wjpri5" type="text" id="wjpri5" size="6" value="10" readonly></td>
<td width="36"><input name="wjsl5" type="text" id="wjsl5" size="4"></td>
<td width="3" bgcolor="#000000"></td> <td width="44">AO887</td>
<td width="126">小雙頭油性筆</td> <td width="56">支</td>
<td width="48"><input name="wjpri6" type="text" id="wjpri6" value="5" size="6" ></td>
<td width="36"><input name="wjsl6" type="text" id="wjsl6" size="4"></td> </tr>
<tr class="style1"><td width="37">AO897</td>
<td width="112"> 粗奇異筆</td> <td width="45">支</td>
<td width="65"><input name="wjpri7" type="text" id="wjpri7" size="6" value="6" readonly></td>
<td width="36"><input name="wjsl7" type="text" id="wjsl7" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">AO907</td>
<td width="126">中華鉛筆</td><td width="56">支</td>
<td width="48"><input name="wjpri8" type="text" id="wjpri8" value="0.5" size="6" ></td>
<td width="36"><input name="wjsl8" type="text" id="wjsl8" size="4"></td></tr>
<tr class="style1"><td width="37">BO09</td>
<td width="112">AA軟皮抄</td><td width="45">本</td>
<td width="65"><input name="wjpri9" type="text" id="wjpri9" size="6" value="2" readonly></td>
<td width="36"><input name="wjsl9" type="text" id="wjsl9" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO230</td>
<td width="126">醫用膠布</td><td width="56">盒</td>
<td width="48"><input name="wjpri10" type="text" id="wjpri10" value="15" size="6" ></td>
<td width="36"><input name="wjsl10" type="text" id="wjsl10" size="4"></td> </tr>
<tr class="style1"><td width="37">BO281</td>
<td width="112">五彩便粘紙</td><td width="45">疊</td>
<td width="65"><input name="wjpri11" type="text" id="wjpri11" size="6" value="5" readonly></td>
<td width="36"><input name="wjsl11" type="text" id="wjsl11" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO284</td>
<td width="126">圖釘</td> <td width="56">盒</td>
<td width="48"><input name="wjpri12" type="text" id="wjpri12" value="1" size="6" ></td>
<td width="36"><input name="wjsl12" type="text" id="wjsl12" size="4"></td> </tr>
<tr class="style1"><td width="37">BO321</td>
<td width="112">梯形名片冊</td><td width="45">本</td>
<td width="65"><input name="wjpri13" type="text" id="wjpri13" size="6" value="25" readonly></td>
<td width="36"><input name="wjsl13" type="text" id="wjsl13" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO333</td>
<td width="126">雙色印台</td><td width="56">個</td>
<td width="48"><input name="wjpri14" type="text" id="wjpri14" value="9" size="6" ></td>
<td width="36"><input name="wjsl14" type="text" id="wjsl14" size="4"></td> </tr>
<tr class="style1"><td width="37">BO384</td>
<td width="112">馬牌印台</td><td width="45">個</td>
<td width="65"><input name="wjpri15" type="text" id="wjpri15" size="6" value="8" readonly></td>
<td width="36"><input name="wjsl15" type="text" id="wjsl15" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO771</td>
<td width="126">渡邊高級軟抄</td><td width="56">本</td>
<td width="48"><input name="wjpri16" type="text" id="wjpri16" value="4" size="6" ></td>
<td width="36"><input name="wjsl16" type="text" id="wjsl16" size="4"></td></tr>
<tr class="style1"><td width="37">BO776</td>
<td width="112">南過膠片 (南寶)</td><td width="45">盒</td>
<td width="65"><input name="wjpri17" type="text" id="wjpri17" size="6" value="10" readonly></td>
<td width="36"><input name="wjsl17" type="text" id="wjsl17" size="4"></td>
<td width="3" bgcolor="#000000"></td>
<td width="44">BO787</td><td width="126">硬皮抄</td> <td width="56">本</td>
<td width="48"><input name="wjpri18" type="text" id="wjpri18" value="4" size="6" ></td>
<td width="36"><input name="wjsl18" type="text" id="wjsl18" size="4"></td></tr>
<tr class="style1"><td width="37">BO788</td>
<td width="112">回形針(小)</td><td width="45">盒</td>
<td width="65"><input name="wjpri19" type="text" id="wjpri19" size="6" value="1" readonly></td>
<td width="36"><input name="wjsl19" type="text" id="wjsl19" size="4"></td>
<td width="3" bgcolor="#000000"></td><td width="44">BO797</td>
<td width="126">橡皮刷</td><td width="56">塊</td>
<td width="48"><input name="wjpri20" type="text" id="wjpri20" value="1" size="6" ></td>
<td width="36"><input name="wjsl20" type="text" id="wjsl20" size="4"></td></tr>
<tr><td width="126"><input name="totalm" type="text" id="totalm" size="10"></td></tr>
</table></form></body></html>

28,404

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧