jQuery动态增加表格一行和删除一行
2016-10-14 16:22
441 查看
今天在处理表格的动态增加一行,和删除一行,一开始用js,但是写起来有点复杂,而且不好控制,最后还是用了jQuery,很轻松的就搞定了,代码如下:
$(document).ready(function() {
$("#newBtn").bind("click", function(){
//alert($("input:checked"));
$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
alert(document.getElementById('sd').value);
});
$("#delBtn").bind("click", function(){
//alert($("input:checked"));
$("input:checked").parent().parent().remove();
});
});
这样就可以轻松的搞定了,也可以进行多行的删除
$(document).ready(function() {
$("#newBtn").bind("click", function(){
//alert($("input:checked"));
$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
alert(document.getElementById('sd').value);
});
$("#delBtn").bind("click", function(){
//alert($("input:checked"));
$("input:checked").parent().parent().remove();
});
});
这样就可以轻松的搞定了,也可以进行多行的删除
相关文章推荐
- jQuery动态增加表格一行和删除一行
- jQuery 实现表格最后增加一行和删除最后一行
- jquery实现表格行的动态增加和删除
- jQuery实现表格行的动态增加与删除
- 基于jquery的实现简单的表格中增加或删除下一行
- JQuery实现动态表格点击按钮表格增加一行
- 动态表格,通过点击按钮增加或者删除一行表格!
- jquery动态生成和删除表格一行
- 关于用jquery 动态增加、删除表格的行,列操作。
- JQuery动态增加删除表格,计算总价
- 基于jquery的实现简单的表格中增加或删除下一行
- jquery动态增加删除表格行
- JS 动态给表格增加/删除一行
- jQuery实现表格行的动态增加与删除(改进版)
- JQUERY动态绘制表格,实现动态添加一行,删除一行
- [转]jQuery实现表格行的动态增加与删除(改进版)
- jquery动态增加表格,删除表格
- jquery动态增加删除表格行的小例子
- jquery 实现表格内的tr与td,动态添加与删除. 以及序号增加与减少,大多用在Form里
- js+jquery实现增加或删除表格中的一行数据