js的表格操作的例子
来源:互联网 发布:淘宝链接隐形降权 编辑:程序博客网 时间:2024/06/14 04:47
<table border=1 align="center" width="80%">
<tr>
<th>
编号
</th>
<th>单价</th>
<th>数量</th>
<th>金额</th>
<th>操作</th>
</tr>
<tbody id="t">
<tr align="center">
<td>1</td>
<td>10</td>
<td>
<input onkeyup="js(this)">
</td>
<td>
0
</td>
<td>
<input type=button value="+" onclick="addRow()">
<input type=button value="-" onclick="delRow(this)">
</td>
</tr>
</tbody>
</table>
<div style="float:right">
总金额:<span div="sum">0</span>
</div>
<script>
//新增一行
function addRow()
{
var t = document.getElementById("t");
//得到表格的第一行,并克隆
var tr = t.rows[0].cloneNode(true);
t.appendChild(tr);
//清空数量
tr.cells[2].childNodes[0].value="";
bh();
}
//删除一行
function delRow(btn)
{
var tr = btn.parentNode.parentNode;
tr.parentNode.removeChild(tr);
bh();
}
//重新编号
function bh()
{
var t = document.getElementById("t");
for (var i=0;i<t.rows.length ;i++ )
{
t.rows[i].cells[0].innerHTML = i+1;
}
}
//计算金额
function js(txtNum)
{
var num = txtNum.value; //数量
if (isNaN(num))
{
alert("只能是数字");
txtNum.value = num.substring(0,num.length-1);
return;
}
var tr = txtNum.parentNode.parentNode;
var price = tr.cells[1].innerHTML; //单价
var money = price*num;
tr.cells[3].innerHTML = money;
}
</script>
- js的表格操作的例子
- js的表格操作的例子
- js遍历表格的例子
- js源码--表格的操作
- js源码--表格的操作
- js表格的排序操作
- js操作表格的属性
- 对表格操作的一个javascript例子
- Js对象操作的例子
- JS 原创的对表格的操作
- js中对表格的操作总结
- JS 删除添加表格的行操作
- js中关于表格的操作
- js操作表格的一些简单方法
- vue.js对表格的操作实例
- Js操作表格-对表格TR的添加/删除/拷贝
- Js操作表格-对表格单元格的添加删除修改
- html 表格的例子
- 解决VDI用户登陆计算机“xxxx不允许交互式登陆xxxxx”
- .net mvc3 + easyui datagrid 获取单页数据 无刷新分页
- 【insigma】以dom4j对xml文件操作
- BOOST 编译
- SQLite
- js的表格操作的例子
- 见心见性——鲲鹏少年苏轼的参佛趣事
- head,branch,version,date
- 对程序员最具影响的,每个程序员都应该阅读的书籍
- 子父类继承问题,数组反射,单例设计
- C#中数组复制
- IE内存泄漏问题
- windows codepage的命名
- I2c-dev.c 参考代码 TP驱动分析(五)