Appcan 自定义数字加减控件

时间：2015-06-26 19:35:52 阅读：200 评论：0 收藏：0 [点我收藏+]

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);
}

Appcan 自定义数字加减控件

原文：http://www.cnblogs.com/wangliuwei/p/4603049.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)