带有javascript附加输入的加号/减号按钮

我期待在结帐页面上为数量输入添加加号和减号按钮。当输入更新时，javascript函数被称为更新总成本。带有javascript附加输入的加号/减号按钮

我已经添加了更新输入框的按钮和jquery，但我需要更新成本的javascript函数的帮助。

下面是按钮的代码：

<button class='MIN'>-</button> 
<input id='qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>' class="InputText" name='qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>' type="text" size="1" style="width:25px;" value='<c:out value="${quickCartOrderItemQuantity}"/>' style="text-align:center" onkeydown="JavaScript:setCurrentId('qty_<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>'); CheckoutHelperJS.updateCartWait(this, this.value, '<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>',event)" /> 
<button class='PLUS'>+</button>

这里是jQuery的的按钮

$(".PLUS, .MIN").click(function(){ 
     var itemVal = parseInt($(this).siblings(".InputText").val()); 
     if ($(this).hasClass('MIN')) 
      itemVal--;  
     else 
      itemVal++; 
     $(this).siblings(".InputText").val(itemVal); 
    });

下面是updateCartWait函数的代码：

updateCartWait:function(quantityBox, oldQuantity, orderItemId,event) { 
    if(event.keyCode == dojo.keys.TAB)return; 
    if(!this.isAjaxCheckOut()){ 
     return; 
    } 

    //Key pressed.. update the flag 
    if(this.keyPressCount[orderItemId] == null && isNaN(this.keyPressCount[orderItemId])){ 
     this.keyPressCount[orderItemId] = 0; 
    } 
    this.keyPressCount[orderItemId] = parseInt(this.keyPressCount[orderItemId]) + 1; 
    setTimeout(dojo.hitch(this,"checkInventoryAndUpdateCart",quantityBox,oldQuantity,orderItemId,this.keyPressCount[orderItemId]),this.updateWaitTimeOut); 
}

而且这里是checkInventoryAndUpdateCart

checkInventoryAndUpdateCart:function(quantityBox, oldQuantity, orderItemId, keyPressCountValue) { 
    // Get quantities and status 
    var inventoryStatusControl = dojo.byId("orderItem_inventoryStatus_" + orderItemId); 
    var clearanceStatusControl = dojo.byId("orderItem_clearanceStatus_" + orderItemId); 
    var availableQuantityControl = dojo.byId("orderItem_availableQuantity_" + orderItemId); 
    var inventoryStatus = ''; 
    if (inventoryStatusControl && inventoryStatusControl.innerHTML != '') inventoryStatus = inventoryStatusControl.innerHTML; 
    var clearanceStatus = 'false'; 
    if (clearanceStatusControl && clearanceStatusControl.innerHTML != '') clearanceStatus = clearanceStatusControl.innerHTML; 
    var availableQuantity = 0; 
    if (availableQuantityControl && availableQuantityControl.innerHTML != '') availableQuantity = parseInt(availableQuantityControl.innerHTML); 
    var quantity = parseInt(quantityBox.value); 

    if (inventoryStatus == 'Discontinued') { 
     alert('This product is discontinued and can not be ordered.'); 
     return; 
    } 

    if (clearanceStatus == 'true') { 
     if (availableQuantity < quantity) { 
      this.showClearanceItemDialog(orderItemId, quantity, oldQuantity, availableQuantity, keyPressCountValue); 
     } else { 
      this.updateCart(quantity, orderItemId, keyPressCountValue); 
     } 
     return; 
    } 

    if (availableQuantity < quantity) { 
     if (availableQuantity == 0) { 
      this.showNoStockDialog(orderItemId, quantity, oldQuantity, availableQuantity, keyPressCountValue); 
     } else { 
      this.showInsufficientStockDialog(orderItemId, quantity, oldQuantity, availableQuantity, keyPressCountValue); 
     } 
    } else { 
     this.updateCart(quantity, orderItemId, keyPressCountValue); 
    }

任何人都可以帮忙吗？

来源

2016-08-24 Ally Gillespie

我相信我已经通过正确传递值来实现它！

<button class='MIN' onclick="JavaScript:setCurrentId('qty_<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>'); CheckoutHelperJS.updateCartWait(document.getElementById('qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>'), document.getElementById('qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>').value, '<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>',event)">-</button> 
<input id='qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>' class="InputText" name='qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>' type="text" size="1" style="width:25px;" value='<c:out value="${quickCartOrderItemQuantity}"/>' style="text-align:center" onkeydown="JavaScript:setCurrentId('qty_<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>'); CheckoutHelperJS.updateCartWait(this, this.value, '<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>',event)" /> 
<button class='PLUS' onclick="JavaScript:setCurrentId('qty_<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>'); CheckoutHelperJS.updateCartWait(document.getElementById('qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>'), document.getElementById('qty_<c:out value="${orderItem.orderItemIdentifier.uniqueID}"/>').value, '<c:out value='${orderItem.orderItemIdentifier.uniqueID}'/>',event)">+</button>

来源

2016-08-24 11:15:34

带有javascript附加输入的加号/减号按钮

回答

相关问题