Question

jquery问题购物车加减按钮

这组数据是循环出来的，点击第一行的加减按钮，可以，但是点击第二行的加减按钮就没反映 是什么原因，代码如下；
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px;" />
<input id="add" name="" type="button" value="+" /></td>
<script>
$(function(){
var t = $("#text_box");
$("#add").click(function(){
t.val(parseInt(t.val())+1)
setTotal();
})
$("#min").click(function(){
t.val(parseInt(t.val())-1)
setTotal();
})
function setTotal(){
var tt = $("#text_box").val();
var pbinfoid=$("#pbinfoid").val();
if(tt<=0){
alert('输入的值错误！');
t.val(parseInt(t.val())+1)
}else{
window.location.href = "shopping!updateMyCart.action?pbinfoid="+pbinfoid+"&number="+tt;
}
}

})
</script>
欢迎指错，谢谢。

Answer 1

因为一个页面中只能存在一个 id 为 add 的元素，根据你现在的代码，如果有10行记录，那就会有10个 id 为 add 的 input。

所以你要把这些 input 的 id 都改为 class，text_box 的值也要根据每次点击来判断

<input class="min" name="" type="button" value="-" />
<input class="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px;" />
<input class="add" name="" type="button" value="+" />

$(".add").click(function() {
// $(this).prev() 就是当前元素的前一个元素，即 text_box
$(this).prev().val(parseInt($(this).prev().val()) + 1);
setTotal();
});

$(".min").click(function() {
// $(this).next() 就是当前元素的下一个元素，即 text_box
$(this).next().val(parseInt($(this).next().val()) - 1);
setTotal();
});