免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
使用JQuery動(dòng)態(tài)添加和刪除表格行

昨天做頁(yè)面表格行動(dòng)態(tài)添加和刪除,看了無(wú)數(shù)的介紹,發(fā)現(xiàn)了一個(gè)好東東,JQuery。用它實(shí)現(xiàn)起來(lái)還真的是很方便,這個(gè)是我用到我們平臺(tái)的一個(gè)方法。

 

//記錄添加行數(shù)
var areaCount=1;
//記錄實(shí)際表格行數(shù)
var rowCount=1;
//刪除模板html
var delRowTemplete = "<td><a href='javascript:void(0);' class='content_del' onclick='deleteBatchRow(this)'>刪除</a></td>";
//表格行模板
var addRowTemplete= "";
$(function(){
         //首先取出需要克隆的模板,模板行<tr>id為rowTemplete_0
addRowTemplete=  $("#rowTemplete_0").html();
});
//增加行
function addBatchRow(type){
var templete = $("<tr id='rowTemplete_"+areaCount+"'></tr>");
//遞增序號(hào),替換掉tr或者td中存在[0]、_0或者(0)防止id相同,這么設(shè)計(jì)主要是為了后臺(tái)取值時(shí)方便
templete = templete.append(addRowTemplete.replace(/\[0\]/g,"["+areaCount+"]").replace(/_0/g,"_"+areaCount).
replace("processStat(\"0\")","processStat("+areaCount+")"));
//找到最后一條存在的行,在其后拼接一行
var flag = false;
for(var i=areaCount-1;i>=0;i--){
if($("#rowTemplete_"+i).length>0){ $("#rowTemplete_"+i).after(templete.append(delRowTemplete));
break;}
}
//計(jì)數(shù)加一
areaCount++; rowCount++;
}

//刪除行
function deleteBatchRow(obj){
if(rowCount>1) {
$(obj).parents("tr").remove(); 
rowCount--;
} else alert("至少保留一行");//如果全部刪除了,那么也就沒(méi)有辦法再添加行了,模板行也被刪了呀
}
//取得條數(shù)
function getAreaCount(){
return rowCount;
}

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery-File-Upload 插件使用
jqgrid 的一些操作 動(dòng)態(tài)增加列 用本地 數(shù)據(jù) 修改表格
jquery遍歷表格獲取每行數(shù)據(jù)及每個(gè)單元格數(shù)據(jù)
jquery得到表格當(dāng)前行數(shù)據(jù)
我最喜歡的jQuery插件模板
高級(jí),界面這么好看的Bootstrap模板你確定不看看?
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服