基于Jquery的動(dòng)態(tài)添加控件并取值的實(shí)現(xiàn)代碼
更新時(shí)間：2010年09月24日 13:19:07 作者：
基于Jquery的動(dòng)態(tài)添加控件并取值的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Jquery動(dòng)態(tài)控件</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var i = 2;
$('#addText').click(function() {
if (i < 9) {
$('#main').append('<div><input type="text" name="text" + i + ""/>
<a href="#" class="del-text">del</a></div>');
i++;
} else {
alert("最多只能添加8個(gè)");
}
});
$('.del-text').live('click',function(){
$(this).parent().remove();
i--;
});
});
</script>
</head>
<body>
<div id="main">
<div>
<input type="text" name="text1" />
</div>
</div>
<a id="addText" href="#">添加文本框</a>
</body>
</html>
先把前臺(tái)的整理出來，項(xiàng)目臨時(shí)有需求，先去忙了,稍后發(fā)后臺(tái)取值的方法...
相關(guān)文章
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對(duì) IE8 的支持，大家可以先看一下。2016-04-04
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)擲骰子游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
jquery實(shí)現(xiàn)加載進(jìn)度條提示效果
這篇文章主要介紹了jquery實(shí)現(xiàn)加載進(jìn)度條提示效果，感興趣的小伙伴們可以參考一下2015-11-11
jQuery插件jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗
本文給大家介紹的是一款重點(diǎn)突出的jQuery特效插件效果，使用jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗，非常實(shí)用，推薦給小伙伴們參考下。2015-03-03
jQuery是一個(gè)JavaScript庫，它簡化了客戶端JavaScript編程的過程，特別是針對(duì)HTML文檔遍歷和操作、事件處理、動(dòng)畫效果和Ajax操作。感興趣的小伙伴可以參考閱讀2023-04-04
jquery實(shí)現(xiàn)簡單的表單驗(yàn)證
這篇文章主要介紹了jquery實(shí)現(xiàn)簡單的表單驗(yàn)證，思路大概是先為每一個(gè)required添加必填的標(biāo)記，用each()方法來實(shí)現(xiàn)，感興趣的小伙伴們可以參考一下2015-11-11
animate動(dòng)畫示例(淚奔的小孩)及stop和delay的使用
實(shí)現(xiàn)原理：停止動(dòng)畫，當(dāng)一個(gè)元素有一個(gè)動(dòng)畫隊(duì)列時(shí)，停止的是當(dāng)前動(dòng)畫，緊接著執(zhí)行下一個(gè)動(dòng)畫，具體代碼如下，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)jquery動(dòng)畫有所幫助2013-05-05
jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)dialog設(shè)置focus焦點(diǎn)的方法,涉及jQuery針對(duì)dialog的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery中Ajax的操作完整例子,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery中html()方法用法,以實(shí)例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12