开发者社区> 问答> 正文

在jsp中写页面是关于框框里数字如何可以实现自动加减

如题目 具体效果如图图片说明screenshot
在代码中应该怎么写1000.00是固定的 当点击左边上的时候加1点击下的时候减1

展开
收起
小旋风柴进 2016-03-16 17:35:55 2292 0
1 条回答
写回答
取消 提交回答
  • easyui NumberSpinner组件

    jqueryui的spinner组件

    不想导入框架就用下面的,ui比较简陋

    <style>
        .spinner{zoom:1;overflow:auto;border:solid 1px #ccc;float:left;}
        .spinner input{border:none;float:left;margin-top:5px}
        .spinner .arrow{float:right;font-size:12px;}
        .spinner .arrow a{display:block;width:20px;background:#eee;text-align:center;cursor:pointer;-moz-user-select:none;-webit--user-select:none;user-select:none}
    </style><br />
    <div class="spinner">
        <input type="text" readonly="readonly" value="1000" id="t1" />
        <div class="arrow"><a onclick="addminus('t1')">↑</a><a onclick="addminus('t1', true)">↓</a></div>
    </div>
    <div class="spinner">
        <input type="text" readonly="readonly" value="1000" id="t2" />
        <div class="arrow"><a onclick="addminus('t2')">↑</a><a onclick="addminus('t2', true)">↓</a></div>
    </div>
    <script>
        function addminus(id, add) {
            var t = document.getElementById(id), v = parseInt(t.value) || 0;
            add ? v++ : v--;
            t.value = v;
        }
    </script>
    2019-07-17 19:04:12
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载