JS点击增加行事件
来源:互联网 发布:2016年淘宝卖家下载 编辑:程序博客网 时间:2024/04/29 21:04
JS点击增加行事件
代码如下:
<html>
<head>
<title>js-sample</title>
<script type="text/javascript">
<!--
var count = 1;
function add() {
var tbl = document.all.ci;
var rows = tbl.rows.length;
var tr = tbl.insertRow(rows);
var name = tr.insertCell(0);
name.innerHTML = '<input type="text">';
var tel = tr.insertCell(1);
tel.innerHTML = '<input type="text">';
var rdo = tr.insertCell(2);
rdo.innerHTML = '<input type="radio" value="0" name="rdo' + count + '">Yes <input type="radio" value="1" name="rdo' + count + '">No';
var chk = tr.insertCell(3);
chk.innerHTML = '<input type="checkbox" value="0" name="chk' + count + '">Modify <input type="checkbox" value="1" name="chk' + count + '">Delete';
var del = tr.insertCell(4);
del.innerHTML = '<input type="button" onclick="del(this)" value="Delete">';
count++;
}
function del(btn) {
var tr = btn.parentElement.parentElement;
var tbl = tr.parentElement;
tbl.deleteRow(tr.rowIndex-1);
}
//-->
</script>
</head>
<body>
<input type="button" onclick="add()" value="Add-Customer">
<table border="1" style="width:100%" id="ci" name="ci">
<caption>customer information</caption>
<thead>
<tr>
<th>Name</th>
<th>Tel</th>
<th>Radio</th>
<th>CheckBox</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" value="Zhang San"></td>
<td><input type="text" value="111"></td>
<td>
<input type="radio" value="0" name="rdo">Yes <input type="radio" value="1" name="rdo">No
</td>
<td>
<input type="checkbox" value="0" name="chk">Modify <input type="checkbox" value="1" name="chk">Delete
</td>
<td>
<input type="button" onclick="del(this)" value="Delete">
</td>
</tr>
</tbody>
</table>
</body></html>
阅读全文
1 0
- JS点击增加行事件
- 增加行事件
- 点击Gridview行事件
- bootstraptable点击行事件
- DUI 响应选择行事件后,在本行再次点击无法响应选择行事件的解决办法
- ext 双击行事件
- repeater 双击行事件
- ListView的选择行事件
- Oracle ADF 双击行事件
- Oracle ADF 双击行事件
- jqGrid的选中行事件
- Easyui datagrid 双击行事件
- C# ListView选中行事件
- [JSF]使用DataModel处理表行事件
- 给GridView双击,单击行事件
- dev GridControl 实现双击行事件
- datagrid 选中行事件 SelectionChanged="dataGrid2_SelectionChanged"
- javafx tableview表格选中行事件
- [一图一世界] 如何把AI转化成生产力?
- 自定义view实现随手移动的圆球
- django 2.0 创建新应用 app 要做什么 怎么做 速记
- 视频监控初始化重复打开视频页面--解决第二次打开看不到页面的情况
- 大二学长竟然教大一学弟做这种事……
- JS点击增加行事件
- 数据结构:实验四栈和队列的基本操作实现及其应用
- 面向对象程序设计的结构
- TransactionManager、@TransactionScoped源码翻译
- Windows Visual Studio下安装和使用google test(gtest)
- 用U盘安装系统提示Windows 无法安装所需的文件。文件可能损坏或丢失错误代码:0x80070570解决办法
- hibernate中实体的关联数据字典的字段的显示问题
- 20171101
- iOS简单高性能标签TagView(巧用YYLabel)