JQUERY方法给TABLE动态增加行

2022-04-04 教育 97阅读

1、首先输入下方的代码:

<%@pagelanguage>

-//W3C//DTDHTML4.01Transitional//EN">

利用jquery给指定的table添加一行、删除一行

src="<%>/js/jquery-1.5.1.js">

2、然后在输入下方的代码:

functionaddTr(tab,row,trHtml){

var$tr=$("#"+tab+"tr").eq(row);

if($tr.size()==0){

alert("指定的tableid或行数不存在!");

return;

}

$tr.after(trHtml);

}

3、然后在输入下方的代码:

functiondelTr(ckb){

varckbs=$("input[name="+ckb+"]:checked");

if(ckbs.size()==0){

alert("要删除指定行,需选中要删除的行!");

return;

}

ckbs.each(function(){

$(this).parent().parent().remove();

});

}

functionallCheck(allCkb,items){

$("#"+allCkb).click(function(){

$('[name='+items+']:checkbox').attr("checked",this.checked);

});

}

$(function(){

allCheck("allCkb","ckb");

});

functionaddTr2(tab,row){

vartrHtml="

地理60";

addTr(tab,row,trHtml);

}

functiondelTr2(){

delTr('ckb');

}

4、然后输入下方的代码:

cellspacing="0"width="30%">


科目

成绩

语文

80

5、然后这样就完成了。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com