支付宝赞助帐号:service@kuitao8.com 

下载地址

jquery input添加一行 删除一行的教程

Created2013-09-06   Views 2677    Author 懒人程序
jquery input添加一行 删除一行的教程
js代码如下

$(document).ready(function(){
 
    var counter = 2;
 
    $("#addButton").click(function () {
 
	if(counter>10){
            alert("Only 10 textboxes allow");
            return false;
	}   
 
	var newTextBoxDiv = $(document.createElement('div'))
	     .attr("id", 'TextBoxDiv' + counter);
 
	newTextBoxDiv.after().html('<label>Textbox #'+ counter + ' : </label>' +
	      '<input type="text" name="textbox' + counter + 
	      '" id="textbox' + counter + '" value="" >');
 
	newTextBoxDiv.appendTo("#TextBoxesGroup");
 
 
	counter++;
     });
 
     $("#removeButton").click(function () {
	if(counter==1){
          alert("No more textbox to remove");
          return false;
       }   
 
	counter--;
 
        $("#TextBoxDiv" + counter).remove();
 
     });
 
     $("#getButtonValue").click(function () {
 
	var msg = '';
	for(i=1; i<counter; i++){="" msg="" +="\n Textbox #" i="" "="" :="" $('#textbox'="" i).val();="" }="" alert(msg);="" });="" 
上一篇: 用jquery解析JSON数据的方法
下一篇: jquery ajax javascript视频教程免费批量打包网盘下载
支持键盘 ← →

邮件订阅

订阅我们的精彩内容