使用JQery编写表格的动态增删
来源:互联网 发布:联想电脑怎么卸载软件 编辑:程序博客网 时间:2024/06/06 00:43
<!doctype html><html><head><meta charset="utf-8"><title>动态增删表格</title><script src="jquery-2.1.1.js"></script><script>function addRow(){var table=$("#myTable");var str="<tr><td><input type='checkbox' /></td><td><input type='text' /></td></tr>";table.append(str);}function delRow(){var trs=$("#myTable tr");var isDel;for(var i=1;i<trs.length;i++){isDel=trs.eq(i).children().eq(0).children();if(isDel.is(":checked")){trs.eq(i).remove();}}}</script></head><body><div> <table id="myTable" border="1px" align="center"> <tr> <td>选择</td> <td>内容</td> </tr> <tr> <td><input type="checkbox" /></td> <td><input type="text" /></td> </tr> </table> </div> <div align="center" style="margin-top:10px"> <button onClick="addRow()">增加</button> <button onClick="delRow()">删除</button> </div></body></html>
0 0
- 使用JQery编写表格的动态增删
- 动态增删表格行的代码分析
- 动态表格的增删改查
- 动态增删表格行
- DOM动态增删表格内容所使用到的常用方法
- 使用NetBeans实现表格的增删改
- jqery easyui 利用treeview实现菜单的增删改查
- 动态增删表格行javascript
- js 动态增删表格行
- JQuery动态增删表格行
- JavaScript实现动态增删表格
- 动态增删表格行的JS代码分析
- 纯javascript/jquery 实现表格的动态增删改
- jquery 完成数据的增删改,动态操作表格数据。
- jqery实现10X10的表格,双击消失
- 表格的增删
- 表格的增删改
- jqery 动态追加删减
- gradle笔记
- Java基本数据类型
- CSS之伪类
- 独立双端App《瓦格相机》的开发过程分享
- Android快速开发不可或缺的11个工具类(下载)
- 使用JQery编写表格的动态增删
- 编写可靠shell脚本的八个建议
- java整理
- C语言实现对半法查找的两种方法
- 为什么数组是从0开始的
- 枚举起始点Uva11059注意一个元素也是子序列
- 【Java学习】java方法参数的值传递和引用传递
- SpringMVC利用Column 注解约束double/float类型的精度
- |洛谷|分治|数学|P1226 取余运算||快速幂