购物车加减(bootsrap)

最新推荐文章于 2023-03-09 16:30:52 发布

转载最新推荐文章于 2023-03-09 16:30:52 发布 · 672 阅读

文章标签：

#javascript

javascript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种基于HTML实现的购物车商品数量增减功能的控件示例。该控件通过使用div标签和input标签来显示和修改商品数量，并通过a标签中的icon图标进行数量的增加和减少操作。

例:

HTML:

<div class="well">
    <h2>购物车加减示例:</h2>
    <div class="input-append spinner" data-trigger="spinner">
        <input type="text" value="1" data-rule="quantity">
        <div class="add-on">
            <a href="javascript:;" class="spin-up" data-spin="up"><i class="icon-sort-up"></i></a>
            <a href="javascript:;" class="spin-down" data-spin="down"><i class="icon-sort-down"></i></a>
        </div>
    </div>
</div>