JQuery动态给table添加、删除行 改进版


Posted in Javascript onJanuary 19, 2011
<html> 
<head> 
<title> 
</title> 
<script src="js/jquery-1.4.2_min.js" type="text/javascript"></script> 
<script type="text/javascript" language="javascript"> 
var row_count = 0; 
function addNew() 
{ 
var table1 = $('#table1'); 
var firstTr = table1.find('tbody>tr:first'); 
var row = $("<tr></tr>"); 
var td = $("<td></td>"); 
td.append($("<input type='checkbox' name='count' value='New'><b>CheckBox"+row_count+"</b>") 
); 
row.append(td); 
table1.append(row); 
row_count++; 
} 
function del() 
{ 
var checked = $("input[type='checkbox'][name='count']"); 
$(checked).each(function(){ 
if($(this).attr("checked")==true) //注意:此处判断不能用$(this).attr("checked")==‘true'来判断。 
{ 
$(this).parent().parent().remove(); 
} 
}); 
} 
</script> 
</head> 
<body> 
<input type="button" value="Add" onclick="addNew();"> 
<input type="button" value="Delete" onclick="del();"> 
<div id="rightcontent"> 
<table id="table1" cellspacing="3" cellpadding="3" border="1"> 
<tbody> 
<tr> 
<th> 
Add new row,then test the delete function. 
</th> 
</tr> 
</tbody> 
</table> 
</div> 
</body> 
</html>
Javascript 相关文章推荐
juqery 学习之四 筛选查找
Nov 30 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
js控制多图左右滚动切换效果代码分享
Aug 26 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
js 调用百度分享功能
Feb 27 Javascript
Vue2.x中的父子组件相互通信的实现方法
May 02 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
require.js中的define函数详解
Jul 10 Javascript
js模拟百度模糊搜索的实例
Aug 04 Javascript
Vue父子组件传值的一些坑
Sep 16 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 #Javascript
基于Jquery与WebMethod投票功能实现代码
Jan 19 #Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
Jan 19 #Javascript
Jquery插件 easyUI属性汇总
Jan 19 #Javascript
jquery 圆形旋转图片滚动切换效果
Jan 19 #Javascript
Javascript调用C#代码
Jan 17 #Javascript
js的写法基础分析
Jan 17 #Javascript
You might like
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
使用php显示搜索引擎来的关键词
2014/02/13 PHP
php实现短信发送代码
2015/07/05 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
php fread函数使用方法总结
2019/05/28 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
python中logging库的使用总结
2017/10/18 Python
python 获取字符串MD5值方法
2018/05/29 Python
python 中文件输入输出及os模块对文件系统的操作方法
2018/08/27 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
python 自动识别并连接串口的实现
2021/01/19 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
生产班组长岗位职责
2014/01/05 职场文书
如何写你的创业计划书
2014/01/07 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
面试通知单大全
2015/04/20 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
积极心理学课程心得体会
2016/01/22 职场文书