jQuery动态添加表格
来源:互联网 发布:php 视频防盗链 编辑:程序博客网 时间:2024/06/06 09:07
- <!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>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>动态操作表格</title>
- <script type="text/javascript" src="table/jquery.js"
- language="javascript"></script>
- <script type="text/javascript">
- var count=0;
- function add(){
- var name=$("#name").val();
- var card=$("#card").val();
- var sex=$("#sex").val();
- //判断只能添加二十个
- if(count==20){
- alert("不能再加了");
- }else{
- count++;
- //追加
- $("table").append("<tr id="+count+"><td>"+name+"</td>"+
- "<td>"+card+"</td>"+"<td>"+sex+"</td>"+"<td>
- <a href='javascript:del ("+count+")'>删除</a></td></tr>");
- }
- }
- //删除
- function del(row){
- count--;
- $("#"+row).remove();
- }
- </script>
- <style type="text/css">
- table {
- border: 1px solid #00C;
- border-collapse: collapse;
- width: 600px;
- text-align: center;
- }
- table tr td {
- border: 1px solid #00C;
- border-collapse: collapse;
- width: 600px;
- }
- </style>
- </head>
- <body>
- 名字
- <input type="text" id="name" /> 学号
- <input type="text" id="card" /> 性别
- <input type="text" id="sex" />
- <input type="button" onclick="add()" value="添加" />
- <p></p>
- <table>
- <tr>
- <th>姓名</th>
- <th>学号</th>
- <th>性别</th>
- <th>操作</th>
- </tr>
- </table>
- </body>
- </html>
0 0
- jquery动态添加表格
- jQuery动态添加表格
- jquery动态表格,动态添加表格行
- JQuery动态添加删除表格
- jquery动态添加表格行
- JQuery动态添加Table表格
- jquery表格动态添加删除
- jQuery动态添加、删除表格行
- 使用jquery和json动态添加表格
- jquery实现动态添加和删除表格
- Jquery动态给表格添加、删除行
- jquery + javascript table表格 动态添加删除
- Jquery动态删除添加表格中的内容
- JQuery动态添加表格tr td
- jQuery表格操作添加行、删除行和动态移动
- JQuery动态为表格(Table)添加和删除行
- jquery应用实例一动态添加删除生成表格table
- Asp.net利用Jquery动态添加表格的行数
- 百度编辑器添加监控内容改变事件,不要放在editor.read()里面
- A-Z字符串
- NSDateFormatter之24小时制探究
- Gson 生成和解析带Date类型的json
- Android开发之Context理解
- jQuery动态添加表格
- GC及其工作原理介绍
- 深入了解View(一)
- 【C++】【学习笔记】【017】继承机制中的构造器和析构器
- 使用WindowManager添加View——悬浮窗口的基本原理
- HTML:下拉列表框、提交按钮、重置按钮
- jQuery2006最初版注释
- Sleep(0)与Sleep(1)的区别
- C#面向对象编程-计算两个数的加减乘除