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 相关文章推荐
javascript 有趣而诡异的数组
Apr 06 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
Jan 15 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 15 Javascript
解决Nuxt使用axios跨域问题
Jul 06 Javascript
微信小程序实现音乐播放页面布局
Dec 11 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
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
DOMXML函数笔记
2006/10/09 PHP
php ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
PHP 替换模板变量实现步骤
2009/08/24 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
Python import用法以及与from...import的区别
2015/05/28 Python
python制作抖音代码舞
2019/04/07 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
通过cmd进入python的步骤
2020/06/16 Python
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
会计自荐信范文
2014/03/09 职场文书
实习单位评语
2014/04/26 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
详解Python中的进程和线程
2021/06/23 Python