加入购物车数量的增减

-----------html---------------------

          < div class= "input-content">

             < input type = "text" name = "qty" id = "qty" maxlength = "12" value = "1" title = "Qty" class = "input-text qty" >

             < input type = "button" onclick = " var qty_el = document . getElementById ('qty'); var qty = qty_el . value ; if ( ! isNaN ( qty )) qty_el . value ++ ; return false ; " class = "qty-increase" >

             < input type = "button" onclick = " var qty_el = document . getElementById ('qty'); var qty = qty_el . value ; if ( ! isNaN ( qty ) & amp ; & amp ; qty > 0 ) qty_el . value -- ; return false ; " class = "qty-decrease" >

        </ div >

下面两个input是用来控制数量加减的

----------css---------------

.product-view .input-content  {

1. float: left;
2. border: 1px solid #f1f1f1;
3. padding: 3px 10px;
4. width: 75px;

}

.product-options-bottom .add-to-cart .qty  {

1. background: none;
2. border: 0;
3. box-shadow: none;
4. color: #777;
5. font-family: 'titilliumweb';
6. float: left;
7. font-size: 16px;
8. height: 30px;
9. line-height: 30px;
10. padding: 0;
11. text-align: left;
12. width: 30px !important;
13. margin: 0;

}

.add-to-cart input.qty-increase  {

1. border: medium none;
2. float: left;
3. height: 5px;
4. margin: 9px 0 3px 6px;
5. padding: 0;
6. width: 10px;
7. background: url(../images/bg-qty.png) no-repeat 0 0;
8. cursor: pointer;
   1. font-size: 13px;
   2. line-height: 20px;
   3. vertical-align: middle;
   4. color: #777;

}

.add-to-cart input.qty-decrease  {

1. border: medium none;
2. float: left;
3. height: 5px;
4. margin: 0 0 0 6px;
5. padding: 0;
6. width: 10px;
7. background: url(../images/bg-qty.png) no-repeat 0 100%;
8. cursor: pointer;
   1. font-size: 13px;
   2. line-height: 20px;
   3. vertical-align: middle;
   4. color: #777;

}