从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这期内容当中小编将会给大家带来有关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中怎么动态增加表格了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图