手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js GridView 实现自动计算操作代码
js GridView 实现自动计算操作代码
摘要:注意下面的代码,需要加载jquery所以请大家自行到官方网站下载最新版本。复制代码代码如下:js操作GridView,实现自动计算table...

注意下面的代码,需要加载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"><></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"><></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>

【js GridView 实现自动计算操作代码】相关文章:

实现DIV圆角的JavaScript代码

jquery实现的判断倒计时是否结束代码

javascript实现点击商品列表checkbox实时统计金额的方法

javascript实现表格增删改操作实例详解

将HTML自动转为JS代码

js实现异步循环实现代码

简单的防盗链功能代码(iframe)

JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

JavaScript实现身份证验证代码

jQuery实现返回顶部功能

精品推荐
分类导航