JQuery动态给table添加、删除行 改进版_Javascript教程-查字典教程网
JQuery动态给table添加、删除行 改进版
JQuery动态给table添加、删除行 改进版
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varrow_count=0;functionaddNew(){vartable1=$('#table1');varfir...

复制代码 代码如下:

<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">

<input type="button" value="Delete">

<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教程学习
    编程开发子分类