jsGridView实现自动计算操作代码_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 20:42:18
jsGridView实现自动计算操作代码_javascript技巧
jsGridView实现自动计算操作代码_javascript技巧:注意下面的代码，需要加载jquery所以请大家自行到官方网站下载最新版本。 代码如下: js操作GridView,实现自动计算 table,tr,td{text-align:center;} input{width:50px;text-align:center;} --> table,tr,td{text-al
导读jsGridView实现自动计算操作代码_javascript技巧:注意下面的代码，需要加载jquery所以请大家自行到官方网站下载最新版本。 代码如下: js操作GridView,实现自动计算 table,tr,td{text-align:center;} input{width:50px;text-align:center;} --> table,tr,td{text-al
注意下面的代码，需要加载jquery所以请大家自行到官方网站下载最新版本。
代码如下:
js操作GridView,实现自动计算 //全局
var tbl;
//改变总金额与总数量
function setTotal(){
var totalAmount=0;//总金额
var totalCount=0;//总数量
if(tbl!=null&&tbl.rows.length>2)//表头占一行
{
for(var n=1;n
{
//总数量
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();
});
});
// -->
jsGridView实现自动计算操作代码_javascript技巧
jsGridView实现自动计算操作代码_javascript技巧:注意下面的代码，需要加载jquery所以请大家自行到官方网站下载最新版本。 代码如下: js操作GridView,实现自动计算 table,tr,td{text-align:center;} input{width:50px;text-align:center;} --> table,tr,td{text-al
