PHPプラス/マイナスボタンが正しく機能しない

Question

私はカートページを持っており、そのページの各項目に数量のプラスマイナスボタンがあります。

最初の項目プラス/マイナスボタンをクリックするとうまくいきますが、2番目の項目ボタンをクリックするとボタンが機能し、最初の項目数量入力の数量が変更され、 1番目または2番目の項目だけを変更します。

CODE

<iframe name="quantity" style="display:none;"></iframe> 

<form action="checkout_qty_update.php" method="post" target="quantity"> 
<input type="hidden" value="<?php echo $prITTD; ?>" name="hiddenID"> 
<input style="font-size:21px;" type="submit" value="-" onclick='javascript: subtractQty();' class="minus"> 
<input id="number" type="number" value="<?php echo $qtyT; ?>" class="qty" name="picpac"/> 
<input style="font-size:21px;" type="submit" value="+" onclick='javascript: document.getElementById("number").value++;' class="plus"> 
</form> 

プラスのためのJS /マイナス

function subtractQty(){ 
    if(document.getElementById("number").value - 1 < 1) 
return; 
    else 
document.getElementById("number").value--; 
} 

Answer 1

は、私はすべてのあなたの入力タイプ番号が同じIDを持っているので、それはだかなり確信してnumber 。

この

<form action="checkout_qty_update.php" method="post" target="quantity"> 
    <input type="hidden" value="<?php echo $prITTD; ?>" name="hiddenID"> 
    <input [...] onclick="javascript: subtractQty('<?php echo $prITTD; ?>');" > 
    <input [...] id="number_<?php echo $prITTD; ?>" /> 
    <input [...] onclick="javascript: document.getElementById('number_<?php echo $prITTD; ?>').value++;"> 
</form> 

そして、あなたのJSコードのようなあなたのHTMLコードを変更してみてください

function subtractQty(prITTD){ 
    var pr = document.getElementById("number_" + prITTD); 
    if (pr.value - 1 < 1) 
    return; 
    else 
    pr.value--; 
}