jquery中怎么动态增加表格
这期内容当中小编将会给大家带来有关jquery中怎么动态增加表格,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
创新互联主要从事成都网站设计、做网站、成都外贸网站建设公司、网页设计、企业做网站、公司建网站等业务。立足成都服务浑南,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
第一种,在表格上面有个删除按钮,删除下面复选框的选中的值。
js:
$(function(){
$("#addrow").click(function(){
var len=document.getElementById("table1").getElementsByTagName("tr").length;
len = len-2;
var tr="
"
"
"
"
"
"
"
"
$("#table1").append(tr);
});
$("#delrow").click(function(){
var check = document.getElementsByName("check");
for(var i=0;i if(check[i].checked){ document.getElementById('table1').deleteRow(i+3); i--; } } }) }) jsp: 編號類別 基礎編號 代號 民稱 代號 中文名稱 英文名稱
第二种:直接在添加的一行添加删除按钮:
js:
$(function(){
$("#addrow").click(function(){
var tr="
"
"
"
"
$("#table1").append(tr);
});
})
function dele(r){
var len=$("#table1 tr").length;
if(len==2){
alert("您不能删除表头");
return;
}
if(confirm("确定删除?")){
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('table1').deleteRow(i);
}
}
jsp中:
序号 标题 操作
另外导入jquery的库
上述就是小编为大家分享的jquery中怎么动态增加表格了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
当前文章:jquery中怎么动态增加表格
标题网址:http://scyanting.com/article/ghciod.html