这篇文章介绍了复制行与删除行在 JS 中操作的实例,需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- var validateForm = null;
- var num = 2;
- $(document).ready(function(){
- var lastCommunAddTr = $("#workDay");
- $("#add").click(function() {
- //复制一行
- var tr = $("#workDay").clone();
- tr.find("#dayMsg1").get(0).style.display="none";
- tr.find("#remarkMsg1").get(0).style.display="none";
- tr.find("#msg1").get(0).style.display="none";
- tr.find("#day1").get(0).value="";
- tr.find("#dayMsg1").get(0).id="dayMsg"+num;
- tr.find("#day1").get(0).id="day"+num;
- tr.find("#msg1").get(0).id="msg"+num;
- tr.find("#remark1").get(0).value="春节";
- tr.find("#state1").get(0).id="state"+num;
- tr.find("#remark1").get(0).id="remark"+num;
- tr.find("#remarkMsg1").get(0).id="remarkMsg"+num;
- tr.show();
- tr.insertAfter(lastCommunAddTr);
- lastCommunAddTr = tr;
- num++;
- });
- //删除一行
- $("#workDayDel").click(function() {
- var delIndexs = new Array(0);
- $(".trWorkDay:gt(0)").each(function(i) {
- if($(this).find("#ck").get(0).checked == true){
- delIndexs.splice(delIndexs.length,0,i);
- $(this).remove();
- }
- $(".trWorkDay").each(function() {
- lastCommunAddTr = $(this);
- });
- });
- });
- });
来源: