jQuery動態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
本文實(shí)例講述了jQuery動態(tài)添加及刪除表單上傳元素的方法。分享給大家供大家參考,具體如下:
運(yùn)行效果截圖如下:

點(diǎn)擊此處查看在線演示效果。
具體代碼如下:
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(":input[type=button][value=more]").bind("click",function(){
var $br = $("<br />");
var $file = $("<input type='file' name='name1' />");
var $button = $("<input type='button' value='delete'>");
$(this).after($file).after($button).after($br);
$button.bind("click",function(){
$br.remove();
$file.remove();
$button.remove();
})
})
});
</script>
</head>
<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>
</html>
完整實(shí)例代碼點(diǎn)擊此處本站下載。
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery調(diào)用asp.net 頁面后臺的實(shí)現(xiàn)代碼
前一篇介紹jquery調(diào)用webservice,這一篇引用的是用jquery直接調(diào)用aspx后臺方法。2011-04-04
基于jQuey實(shí)現(xiàn)鼠標(biāo)滑過變色(整行變色)
相信大家在一些網(wǎng)站都看到過這種效果吧,當(dāng)鼠標(biāo)放在新聞列表一行的時候,整行就會變色,雖然使用CSS也能夠?qū)崿F(xiàn)此種功能,但是由于眾多瀏覽器版本對于CSS3并沒有良好的支持,所以在當(dāng)前情況下,使用jQuery實(shí)現(xiàn)此種功能是一個不錯的選擇2015-12-12
jQuery簡單實(shí)現(xiàn)QQ空間點(diǎn)贊已經(jīng)取消點(diǎn)贊
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)QQ空間點(diǎn)贊已經(jīng)取消點(diǎn)贊的代碼,非常的好用,這里推薦給大家,有需要的小伙伴參考下。2015-04-04
jQuery中的pushStack實(shí)現(xiàn)原理和應(yīng)用實(shí)例
這篇文章主要介紹了jQuery中的pushStack實(shí)現(xiàn)原理和應(yīng)用實(shí)例,pushStack是jQuery內(nèi)核中一個非常重要的函數(shù),許多jQuery內(nèi)部函數(shù)中都頻繁用到它,掌握這個函數(shù),有利于理解jQuery的運(yùn)行原理,需要的朋友可以參考下2015-02-02
jQuery簡單實(shí)現(xiàn)仿京東商城的左側(cè)菜單效果代碼
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)仿京東商城的左側(cè)菜單效果代碼,通過簡單的jQuery鼠標(biāo)事件及元素動態(tài)變換實(shí)現(xiàn)樣式動態(tài)切換功能,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09

