**** 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 ) && 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>
