zl程序教程

您现在的位置是:首页 >  后端

当前栏目

js中复制行和删除行的操作实例

JS实例 操作 删除 复制
2023-06-13 09:15:02 时间
复制代码代码如下:

varvalidateForm=null;
 varnum=2;
 $(document).ready(function(){

  varlastCommunAddTr=$("#workDay");

  $("#add").click(function(){

        //复制一行
              vartr=$("#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(){
               vardelIndexs=newArray(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);
               });
               });
           });
 });