生活随笔
收集整理的這篇文章主要介紹了
添加删除选项ABCD，
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
只講的ABCD的寫法
點擊+號添加一個選項，-號刪除一個選擇，abcd排序正確
<!doctype html
>
<html lang
="zh-cn">
<head
><meta name
="viewport" content
="initial-scale=1, user-scalable=0, minimal-ui" charset
="UTF-8"><title
>多次加載
</title
><style
>.inputboxs
{font
-size
:40px
;}.inputboxs span
{margin
:0 25px
;}.inoutbg span
:first
-child
{color
:forestgreen
;}.inoutbg span
:nth
-child(2) {color
: red
;}</style
>
</head
>
<body
><div class
="inputboxs"><div class
="inoutbg0"><span class
="zi">A
</span
><span onclick
="addZM(0)">+</span
><span onclick
="Jian(0)">-</span
></div
></div
>
<script typet
="text/javascript" src
="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script
>
<script
>var abindex
= 0;var str
= "A";function
addZM() {abindex
++var zi
= String
.fromCharCode(str
.charCodeAt() + abindex
)var h
= '';h
+= '<div class="inoutbg' + abindex
+'"><span class="zi">' + zi
+ '</span><span οnclick="addZM(' + abindex
+ ')">+</span><span οnclick="Jian(' + abindex
+')">-</span></div>'$
(".inputboxs").append(h
);reloadBH()}function
reloadBH() {$
(".inputboxs").children("div").each(function
(i
, e
) {var zi
= String
.fromCharCode(str
.charCodeAt() + i
);$
(e
).find("span.zi").text(zi
);});}function
Jian(dindex
) {var len
= $
(".inputboxs").children("div").length
;if (len
== 1) {return;}$
(".inoutbg" + dindex
+ "").remove();reloadBH();}
</script
>
</body
>
</html
>
總結
以上是生活随笔為你收集整理的添加删除选项ABCD，的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
