标签:
DIV部分:
*这里的三个ID:as_sub_3、as_now_3、as_add_3里面的“3”可以自定义,这个对于生成任意个数的列表形式很有帮助
<div class="ub ub-f1 ub-pe as-height"> <div id="as_sub_3" onclick="as_sub(this)" class="ub ub-pc ub-ac as-border"> <div class="ub"> - </div> </div> <div id="as_now_3" class="ub ub-pc ub-ac as-border"> 1 </div> <div id="as_add_3" onclick="as_add(this)" class="ub ub-pc ub-ac as-border"> <div class="ub"> + </div> </div> </div>
CSS部分:
.as{ } .as-height{ height: 2em; } .as-border{ border: 1px solid #c4c4c4; width: 2em; }
JS部分:
var as_min=1; var as_max=10000; var as_now=2; function as_add (obj) { var id = $(obj).attr("ID"); var bz = id.split("_")[2]; if(as_now==10000){ return; } as_now++; $("#as_now_"+bz).text(as_now); } function as_sub (obj) { var id = $(obj).attr("ID"); var bz = id.split("_")[2]; if(as_now==1){ return; } as_now--; $("#as_now_"+bz).text(as_now); }
标签:
原文地址:http://www.cnblogs.com/wangliuwei/p/4603049.html