Appcan 自定义数字加减控件

DIV部分：

*这里的三个ID:as_sub_3、as_now_3、as_add_3里面的“3”可以自定义，这个对于生成任意个数的列表形式很有帮助

*cb 为执行成功后可进行回调

                                <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部分：

function as_add (obj,cb) {
  var id = $(obj).attr("ID");
  var bz = id.split("_")[2];
  var nowValue = $("#as_now_"+bz).text();
  if(nowValue==10000){
      return;
  }
  nowValue++;
  $("#as_now_"+bz).text(nowValue);
  cb();
}
function as_sub (obj,cb) {
  var id = $(obj).attr("ID");
  var bz = id.split("_")[2];
  var nowValue = $("#as_now_"+bz).text();
  if(nowValue==1){
      return;
  }
  nowValue--;
  $("#as_now_"+bz).text(nowValue);
  cb();
}