中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

js GridView 實現自動計算操作代碼

注意下面的代碼,需要加載jquery所以請大家自行到官方網站下載最新版本。
復制代碼 代碼如下:
<!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>
<title>js操作GridView,實現自動計算</title>
<style type="text/css"><!--
table,tr,td{text-align:center;}
input{width:50px;text-align:center;}

--></style><style type="text/css" bogus="1"> table,tr,td{text-align:center;}
input{width:50px;text-align:center;}
</style>
<script type="text/Javascript" src="http://img.jb51.NET/jslib/jquery/jquery-1.2.6.pack.js"></script>
<script type="text/Javascript"><!--
//全局
var tbl;
//改變總金額與總數量
function setTotal(){
var totalAmount=0;//總金額
var totalCount=0;//總數量
if(tbl!=null&&tbl.rows.length>2)//表頭占一行
{
for(var n=1;n<tbl.rows.length-1;n++)//rows數組是從0開始,表足占一行
{
//總數量
if(!isNaN(tbl.rows[n].cells[2].childNodes[0].value))
{
totalCount+=Number(tbl.rows[n].cells[2].childNodes[0].value);
}
//總金額
if(!isNaN(tbl.rows[n].cells[3].innerText))//判斷是不是數字
{
totalAmount+=Number(tbl.rows[n].cells[3].innerText);
}
}
}
tbl.rows[tbl.rows.length-1].cells[2].innerText=totalCount;
tbl.rows[tbl.rows.length-1].cells[3].innerText=totalAmount;
}
//單價改變,根據行號找到同一行的數量與金額,
//這些值可以用index='<%#Container.DataItemIndex %>'綁定
function fPrice(rowId,val){
tbl.rows[Number(rowId)].cells[3].innerText=
Number(val)* Number(tbl.rows[Number(rowId)].cells[2].childNodes[0].value);
}
//數量改變
function fCount(rowId,val){
tbl.rows[Number(rowId)].cells[3].innerText=
Number(val)* Number(tbl.rows[Number(rowId)].cells[1].childNodes[0].value);
}
//限制只能輸入數字
function checknum()
{
if((event.keyCode>=48&&event.keyCode<=57)||event.keyCode==8||(event.keyCode>=96&&event.keyCode<=105)
||event.keyCode==46||event.keyCode==37||event.keyCode==39||event.keyCode==190||event.keyCode==110)
{
event.returnValue=true;
}
else
{
event.returnValue=false;
}

}
jQuery(function(){
//初始化table
//tbl=document.getElementById("GridView1");
tbl=$("#GridView1").get(0);//返回DOM對象
//對input鍵盤限制
jQuery("input").keydown(function(){
checknum();
}).keyup(function(){
setTotal();
});
});

// --></script>
</head>
<body>
<table id="GridView1" border="1">
<tr>
<td>編號</td>
<td>單價</td>
<td>數量</td>
<td>金額</td>
</tr>
<tr>
<td>1</td>
<td><input type="text" onkeyup="fPrice(1,this.value);" /></td>
<td><input type="text" onkeyup="fCount(1,this.value);" /></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td><input type="text" onkeyup="fPrice(2,this.value);" /></td>
<td><input type="text" onkeyup="fCount(2,this.value);"/></td>
<td></td>
</tr>
<tr>
<td>合計</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

JavaScript技術js GridView 實現自動計算操作代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲 欧美 另类 综合 偷拍 | 日韩精品不卡 | 色婷婷av一区二区三区软件 | 亚洲男人网 | 日屁网站| 在线看av的网址 | 久久高清 | 亚洲欧美成人 | 午夜视频一区二区三区 | 精品亚洲一区二区三区 | 日韩视频精品在线 | 免费成人在线网站 | 91av视频在线观看 | 亚洲成人精选 | av国产精品 | 国产一区 | 精品国产一区二区在线 | 国产免费一区二区 | 国产一区二区在线免费 | 午夜激情一区 | 国产高清视频一区 | 欧美乱操 | 精品久久久精品 | 中文字幕在线视频免费视频 | 一区二区高清 | 欧美激情99 | 亚洲精品国产一区 | 日韩午夜在线观看 | 国产亚洲精品久久久久动 | 国产91精品久久久久久久网曝门 | 久久精品久久久久久 | 久草免费在线视频 | 99久久婷婷| 日韩毛片在线免费观看 | av一级一片 | 蜜桃五月天 | 一区二区三区在线看 | 国产午夜精品理论片a大结局 | 欧美一区二区三区在线观看 | 国产精品一区二区在线播放 | 91中文字幕在线观看 |