update cart values

by Faisal Khan Janjua

HTML

<table>
  <tr>
    <td class="quantity"><input type="text" value="1" /></td>
  </tr>
  <tr>
    <td class="quantity"><input type="text" value="1" /></td>
  </tr>
</table>

CSS

table td span{
  color: #FFF;
  width: 27px;
  float: left;
  padding: 4px 0 5px;
  cursor: pointer;
  text-align: center;
  background: #96c03a;
  display: inline-block;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
table td input{
  float: left;
  max-width: 100px;
  display: inline-block;
  padding: 4px 6px;
}

JavaScript

$(document).ready(function(){
  if($('table td.quantity').length){
    $('table td.quantity').each(function(){
      $(this).prepend('<span class="decrQut">-</span>');
      $(this).append('<span class="incrQut">+</span>');
    });
    $(document).on('click', '.decrQut', function(){
      if(jQuery(this).siblings('input').val()==""){
        jQuery(this).siblings('input').val('1');
      }
      var proQuty = jQuery(this).siblings('input').val();
      if(proQuty>=2){
        proQuty-=1;
        jQuery(this).siblings('input').val(proQuty);
      }
    });
    $(document).on('click', '.incrQut', function(){
      if(jQuery(this).siblings('input').val()==""){
        jQuery(this).siblings('input').val('0');
      }
      var proQuty = parseInt(jQuery(this).siblings('input').val())+1;
      jQuery(this).siblings('input').val(proQuty);
    });
  }
});