Button Css, Button Js Cart, Button Css mua hàng

**** HTML

<div class="input_qty_pr relative ">

  <!-- <input class="variantID" type="hidden" name="variantId" value="36558488"> -->

  <button onclick="var result = document.getElementById('qtyItem36558488'); var qtyItem36558488 = result.value; if( !isNaN( qtyItem36558488 ) &amp;&amp; qtyItem36558488 > 1 ) result.value--;return false;" class="reduced_pop items-count btn-minus" type="button"><i class="fa fa-caret-down"></i></button>

  <input type="text" maxlength="3" min="0" class="input-text number-sidebar input_pop input_pop qtyItem36558488" id="qtyItem36558488" name="Lines" size="4" value="5">

  <button onclick="var result = document.getElementById('qtyItem36558488'); var qtyItem36558488 = result.value; if( !isNaN( qtyItem36558488 )) result.value++;return false;" class="increase_pop items-count btn-plus" type="button"><i class="fa fa-caret-up"></i></button>

</div>

**** CSS

<style type="text/css">

.relative{
    position: relative;
}

.number-sidebar {

border: 1px solid #e9edf5;

height: 40px;

margin-left: 0px;

text-align: left;

width: 98px;

padding: 0;

padding-left: 15px;

margin-right: 0px;

line-height: 15px;

border-radius: 0px;

font-weight: 400;

font-size: 14px;

}

.input_qty_pr .items-count {

    outline: none;

    background: #fff;

    vertical-align: baseline;

    text-align: center;

    padding: 0;

    display: inline-block;

    margin: 0;

    position: absolute;

    z-index: 2;

    line-height: 14px;

    color: #252525;

}

.input_qty_pr .items-count {

    border: 0px solid #ddd;

    outline: none;

    background: #fff;

    height: 15px;

    width: 20px;

    vertical-align: baseline;

    text-align: center;

    padding: 0;

}

button.reduced_pop.items-count.btn-minus {

    right: 10px;

    top: 19px;

}

button.increase_pop.items-count.btn-plus {

    right: 10px;

    top: 6px;

}

.input_qty_pr {

    height: auto;

    width: 98px;

    margin-top: 0px;

    padding: 0px;

    position: relative;

    height: 40px;

}

</style>

**** JS

<script type="text/javascript">

$(".btn-plus").click(function(p){

var id  = $('input[name=Lines]').attr("id");
var soluong = $('input[name=Lines]').val();

alert(id);

// $.ajax({

// url: '/modules.php',

// type: 'POST',

// dataType: 'html',

// data: {name:'Shoping',op:'edit__giohang',gid:gid,soluong:soluong},

// })

// .done(function(data) {

// load__soluong__sanpham();

// $(".giohang-money").html(data);

// });

});

$(".btn-minus").click(function(p){

var id  = $('input[name=Lines]').attr("id");

var soluong = $('input[name=Lines]').val();

alert(soluong);

// $.ajax({

// url: '/modules.php',

// type: 'POST',

// dataType: 'html',

// data: {name:'Shoping',op:'edit__giohang',gid:gid,soluong:soluong},

// })

// .done(function(data) {

// load__soluong__sanpham();

// $(".giohang-money").html(data);

// });

});

</script>