私は複数の答えを見つけてそれらすべてを試しましたが、どれも適切に機能していません...
入力にアイテムの数量を更新するプラスマイナスボタンがあります。できます。ユーザーが+1ボタンをクリックしたときに2番目のイベントを追加し、-1ボタンをクリックしたときに2番目のイベントを追加する必要があります。2番目のイベントを追加すると、正しく実行できません。コードは次のとおりです。
$("#inc<?php echo"$key"; ?>").bind({
click: function(){
$(":text[name='qty<?php echo"$key"; ?>']").val(Number($(":text[name='qty<?php echo"$key"; ?>']").val()) + 1);
var totalItems = parseFloat($("#qty<?php echo"$key"; ?>").val());
var priceItem = parseFloat(<?php echo"$priceProduct"; ?>).toFixed(2);
var totalValue = parseFloat(priceItem * totalItems).toFixed(2);
$("#subtotal<?php echo"$key"; ?>").html("€ "+ totalValue).toFixed(2);
},
click: function(){
prod_id = "<?php echo"$key"; ?>";
$.ajax({
type: "POST",
url: "updateproduct2cart.php",
data: "itemid="+prod_id+"&act=update"
});
}
});
これにより、+/-ボタンが起動しなくなります。そして、別の関数を起動します(テーブルの行を削除することを目的としています)!!! コードのこの部分で十分ですか?全部必要ですか?とにかく、あなたの助けに感謝します:)
編集:以下のコードは正常に機能します...理由を聞かないでください、しかしそれは機能します!:)
$("#inc<?php echo"$key"; ?>").on('click', function(){
prod_id = "<?php echo"$key"; ?>";
$.ajax({
type: "POST",
url: "updateproduct2cart.php",
data: "itemid="+prod_id+"&act=update&qty=up"
});
$(":text[name='qty<?php echo"$key"; ?>']").val(Number($(":text[name='qty<?php echo"$key"; ?>']").val()) + 1);
var totalItems = parseFloat($("#qty<?php echo"$key"; ?>").val());
var priceItem = parseFloat(<?php echo"$priceProduct"; ?>).toFixed(2);
var totalValue = parseFloat(priceItem * totalItems).toFixed(2);
$("#subtotal<?php echo"$key"; ?>").html("€ "+ totalValue).toFixed(2);
});
HTML:
<tr name="prodItemi2" id="prodItemi2"><th id="prodItemi2" scope="row">Title of product #2</th>
<td>black</td><td><span id="itemPi2">€ 39.95</span></td><td>
<button class="SCbutton" id="deci2">-</button>
<input type="text" class="SCinput3" size="2" value="1" name="qtyi2" id="qtyi2">
<button class="SCbutton" id="inci2">+</button></td><td>
<span id="subtotali2">€ 39.95</span></td><td>
<input type="radio" value="XL" name="sizei2"> XL
<input type="radio" checked="checked" value="L" name="sizei2"> L
<input type="radio" value="M" name="sizei2"> M </td><td>
<span id="showSizei2">L</span></td><td>
<a onclick="removeItem(this)" id="deleteItemi2" href="#"><img alt="" src="img/deleteItem.png"></a></td></tr>