jquery实现插入页功能

最新推荐文章于 2024-05-16 20:37:11 发布

wwx_zj

最新推荐文章于 2024-05-16 20:37:11 发布

阅读量503

点赞数

文章标签： jquery table generator class date html

本文链接：https://blog.csdn.net/wwx_zj/article/details/5069454

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<input type="button" value="插入页" οnclick="insertRows('detailTable')">
<table id="detailTable">
<tr id="tr">
  <td id="td">
   <input type="checkbox" id="checkhidden" name="checkhidden">
  </td>
  <td id="td">
   <input type="text" id="stockid">
  </td>
  <td id="td">
   <input type="text" id="country">
  </td>
</tr>
<tr id="tr">
  <td id="td">
   <input type="checkbox" id="checkhidden" name="checkhidden">
  </td>
  <td id="td">
   <input type="text" id="stockid">
  </td>
  <td id="td">
   <input type="text" id="country">
  </td>
</tr>
<tr id="tr">
  <td id="td">
   <input type="checkbox" id="checkhidden" name="checkhidden">
  </td>
  <td id="td">
   <input type="text" id="stockid">
  </td>
  <td id="td">
   <input type="text" id="country">
  </td>
</tr>
</table>
<table id="template" border="1">
<tr>
   <td>
   </td>
   <td class="listSeqTxt""></td>
   <td class="listTxt"">
   <input type="text" name="tradeDate" οnblur="_onblur(this)">
   </td>
  </tr>
  </table>
</BODY>
<script language="javascript">
function insertRows(table){
  var date = new Date();
  var year = date.getYear();
  var month = date.getMonth()+1;
  var day = 0;
  var number = 0;
  var startNum = 0;

  var check = document.getElementsByName("checkhidden");
  var len = check.length;
  if(month==2){
   if(year%4==0&&year%100!=0||year%400==0){
    day = 29;
   }else{
    day = 28;
   }
  }
  if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){
   day = 31;
  }else{
   day = 30;
  }
  if(len==day){
   alert("记录已满，不能在增加记录");
  }
  if(len<=(day-10)){
   alert("可以插入10行");
   var table = document.getElementById("detailTable");
   var s = table.rows.length;
   alert(s);
   var nextNumber = new Number( document.getElementById("checkhidden").value );
   for(var j=0;j<10;j++){
    var obj = $('#template :first :first');
    var cloneObj = $(obj).clone();
    $($(cloneObj).children().get(0)).html('<input name="checkhidden" type="checkbox" class="chkIn" onClick="checkBoxSelected(this)">');
    if($('#'+table+' > tbody').children().length==0){
     $(cloneObj).appendTo($('#'+table+' > tbody '));
    }else{
     startNum = $('#'+table + ' > :last > :last > :eq(1)').text();
     $(cloneObj).insertAfter($('#'+table+' > :last > :last'));
    }
    startNum++;
    $($(cloneObj).children().get(1)).html(startNum);
    alert();
   }
  }else{
   number = day-len;
   alert(number);
  }
}
</script>
</HTML>