js添加删除文本框

  1. "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. "http://www.w3.org/1999/xhtml">  
  3.   
  4.       
  5.     "Scripts/jquery-1.4.1.js" type="text/javascript">  
  6.     "text/javascript">  
  7.         var count = 1;  
  8.   
  9.         //用来判断是删除 还是增加按钮 以便count值进行计算  
  10.         function checkCount(boolOK, coun) {  
  11.             if (boolOK == true) {  
  12.                 return count++;  
  13.             }  
  14.             else {  
  15.                 count--;  
  16.             }  
  17.         }  
  18.   
  19.         //添加一个input标签 同时也对它的ID和Name进行赋值。  
  20.         function AddInput() {  
  21.             // checkCount(2, true);  
  22.             countAA = checkCount(true, count);  
  23.             // alert(countAA);  
  24.             //count++;  
  25.             var question = document.getElementById("question");  
  26.   
  27.             //创建span  
  28.             var span = document.createElement("span");  
  29.             span.id = "lbl" + count;  
  30.             span.innerText = "您的第" + count + "个问题: ";  
  31.             question.appendChild(span);  
  32.   
  33.             //创建input  
  34.             var input = document.createElement("input");  
  35.             input.type = "text";  
  36.             input.id = "questions[" + count + "]";  
  37.             input.name = "questions[" + count + "].name";  
  38.             question.appendChild(input);  
  39.   
  40.             //创建一个空格  
  41.             var br = document.createElement("br");  
  42.             question.appendChild(br);  
  43.         }  
  44.   
  45.         //每次删除最后一个input标签  
  46.         function DecInput() {  
  47.             var count2 = 0  
  48.             var inputs = document.getElementsByTagName("input");  
  49.             for (var i = 0; i < inputs.length; i++) {  
  50.                 var input = inputs[i];  
  51.                 if (input.type == "text") {  
  52.                     count2++;  
  53.                 }  
  54.             }  
  55.   
  56.             var question = document.getElementById("question");  
  57.   
  58.             var whichInput = document.getElementById("questions[" + count2 + "]");  
  59.             var whichSpan = document.getElementById("lbl" + count2 + "");  
  60.   
  61.             question.removeChild(whichInput);  
  62.             question.removeChild(whichSpan);  
  63.   
  64.             var brs = document.getElementsByTagName("br");  
  65.             question.removeChild(brs[count2 - 1]);  
  66.   
  67.             checkCount(false, count2);  
  68.         }  
  69.   
  70.   
  71.   
  72.         function TestClick() {  
  73.             var q2 = document.getElementById("questions[4]");  
  74.             if (q2) {  
  75.                 alert("OK");  
  76.             }  
  77.             else {  
  78.                 alert("No...");  
  79.             }  
  80.         }  
  81.   
  82.         function initEvent() {  
  83.             var inputs = document.getElementsByTagName("input");  
  84.             for (var i = 0; i < inputs.length; i++) {  
  85.                 var input = inputs[i];  
  86.                 if (input.type == "text") {  
  87.                     input.onmouseout = myOnmouseout;  
  88.                     input.onfocus = myOnfocus;  
  89.                 }  
  90.             }  
  91.         }  
  92.   
  93.         function myOnmouseout() {  
  94.             this.style.backgroundColor = "white";  
  95.         }  
  96.   
  97.         function myOnfocus() {  
  98.             this.style.backgroundColor = "gray";  
  99.         }  
  100.       
  101.   
  102. "initEvent()">  
  103.     "width: 500px; margin-left: 200px;">  
  104.           
  105.             
      
  106.                 亲爱的用户,请输入您的问题  
  107.           
  108.         "question" style="border: 1px solid red;">  
  109.             "span1">您的第1个问题:  
  110.             "Text1" type="text" />  
  111.         
  
  •         "margin-top: 100px;">  
  •             "btnAddInput" type="button" value="新增一个Input" οnclick="AddInput()" />  
  •             "btnDecre" type="button" value="删除一个Input" οnclick="DecInput()" />  
  •             "Button1" type="button" value="测试" οnclick="TestClick()" />  
  •         
  •   
  •       
  •   

  • 你可能感兴趣的:(java,Java)