jq表格的增加与删除
来源:互联网 发布:网络语言暴力案例图片 编辑:程序博客网 时间:2024/06/05 14:58
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>名单</title><script src="../js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script><style type="text/css">#table2{width: 800px;border-collapse: collapse;text-align: center;}</style><script type="text/javascript">function add(){//添加一行var name=$("#name").val();var age=$("#age").val();var address=$("#address").val();//创建一行$("#table2").append($("<tr><td><input type='checkbox' class='checkbox'/></td><td>"+name+"</td><td>"+age+"</td><td>"+address+"</td><td><a href='javascript:void(0)' onclick='del(this)'>删除</a></td></tr>"));}function del(obj){//删除一行$(obj).parent().parent().remove();}var clicktime=1;function checkAll(){//全选var tr=$("#checkbox11");if(clicktime%2){for(var i=0;i<($("#table2 tr").length-1);i++){$("#table2 .checkbox")[i].checked=true; }}else{for(var i=0;i<($("#table2 tr").length-1);i++){ $("#table2 .checkbox")[i].checked=false; }}clicktime++;}function delAll(){//批量删除 $("#table2 .checkbox:checked").parent().parent().remove();}</script></head><body><table><tr><td>姓名<input type="text" id="name" /></td><td>年龄<input type="text" id="age" /></td><td>住址<input type="text" id="address" /></td><td><input type="button" name="add" id="add" value="添加" onclick="add()" /></td><td><input type="button" name="add" id="add" value="批量删除" onclick="delAll()" /></td></tr></table><table id="table2" border="1"><tr><th><input type="checkbox" name="" id="checkbox11" value="全选" onclick="checkAll()"/></th><th>姓名</th><th>年龄</th><th>住址</th><th>操作</th></tr><tr><th><input type="checkbox" class="checkbox"/></th><td>张三</td><td>13</td><td>上海</td><td><a href="javascript:void(0)" onclick="del(this)">删除</a></td></tr></table></body></html>
阅读全文
0 0
- jq表格的增加与删除
- jq的表格添加与删除
- html表格的动态增加与删除
- jq表格行的删除 + 局部刷新
- jQuery实现表格行的动态增加与删除
- jQuery实现表格行的动态增加与删除
- 使用js实现表格增加与删除
- 强大的JS,增加删除表格数据。
- NetBeans中表格的增加、删除、修改
- 表格动态增加删除
- 表格增加,删除,修改
- 增加、删除表格
- jQuery实现表格行的动态增加与删除(改进版)
- JQ---表格展开与关闭
- jq 动态增加、删除表tr行
- jq中创建表格及删除事件
- 表格自动增加删除行
- Javascript 增加、删除表格行
- 各种加密算法比较
- [分治] BZOJ3745: [Coci2015]Norma
- 弹一个底部popwindow
- 点亮细胞241-250
- [BZOJ 2815][ZJOI 2012] 灾难 LCA+拓扑排序(支配树)
- jq表格的增加与删除
- Javascript支持3D游戏,asm.js 和 Emscripten工具,以及和WebAssembly的区别
- Azure 虚拟机新型号发布 — 更具成本效益的数据库工作负载
- max(tuple1, tuple2)
- Codeforces Round #443 (Div. 2) 题解
- 一些常用的Linux指令!
- Android蓝牙开发全面总结
- C链表面试题
- Java 异常链