zoukankan      html  css  js  c++  java
  • 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();
    }
  • 相关阅读:
    Linux安装nginx
    linux目录结构
    Django-admin
    celery
    Flask-Migrate
    Flask-Script
    Flask-SQLAlchemy
    SQLAlchemy
    mongodb的增删改查
    websocket的加密和解密过程
  • 原文地址:https://www.cnblogs.com/wangliuwei/p/4603049.html
Copyright © 2011-2022 走看看