jquery动态添加附件(jquery table tr)

最新推荐文章于 2021-06-03 16:27:14 发布

iteye_20276

最新推荐文章于 2021-06-03 16:27:14 发布

阅读量183

点赞数

文章标签： jQuery HTML ViewUI

本文链接：https://blog.csdn.net/iteye_20276/article/details/81932078

版权

//HTML

<a href="javascript:void(0)" οnclick="AddAttachment()">[点击添加附件]</a>

<table cellpadding="0" cellspacing="3" id="id_attachmentpanel"></table>

=========================================================

//新增文章页面
function AddAttachment() {
var objTable = $("#id_attachmentpanel");
var intCount = $("#id_attachmentpanel tr").children().size() / 2 + 1;
if (intCount > 5) { alert("附件不能超过5个"); return; }
objTable.append("<tr><td>" + intCount + ". <input type='file' name='file" + intCount + "' οnchange='FileExtChecking(this,1)' /></td><td><a href='javascript:void(0)' οnclick='AddAttachment()'>[增加]</a><a href='javascript:void(0);' οnclick='DisposeTr(this)'>[取消]</a></td></tr>");
$("#id_attachmentpanel a").hide();
$("#id_attachmentpanel a").last().show();
if (intCount < 5) { $("#id_attachmentpanel a").last().prev().show(); }
}
function DisposeTr(arg_obj_item) {
var objTr = $(arg_obj_item).parent().parent();
objTr.remove();
$("#id_attachmentpanel a").last().show();
$("#id_attachmentpanel a").last().prev().show();
}

============================================================

//编辑文章页面

function AddAttachment() {
var intAttach = '<%=intAttach %>';
var objTable = $("#id_attachmentpanel");
var intCount = $("#id_attachmentpanel tr").children().size() / 2 + 1;
if (intCount > (5-intAttach)) { alert("附件不能超过5个"); return; }
objTable.append("<tr><td>" + intCount + ". <input type='file' name='file" + intCount + "' οnchange='FileExtChecking(this,1);' /></td><td><a href='javascript:void(0)' οnclick='AddAttachment()'>[增加]</a><a href='javascript:void(0);' οnclick='DisposeTr(this)'>[取消]</a></td></tr>");
$("#id_attachmentpanel a").hide();
$("#id_attachmentpanel a").last().show();
if (intCount < (5-intAttach)) { $("#id_attachmentpanel a").last().prev().show(); }
});
function DisposeTr(arg_obj_item) {
var objTr = $(arg_obj_item).parent().parent();
objTr.remove();
$("#id_attachmentpanel a").last().show();
$("#id_attachmentpanel a").last().prev().show();
}

==========================================