Php 如何使用jquery警告数量增加和数量减少值? $(文档).ready(函数(){ $(“.数量增加.数量减少”)。单击(功能(事件){ id=this.id; 数量=$(“#输入-数量1"+id).val(); 警报(数量); }); });
请检查以下代码Php 如何使用jquery警告数量增加和数量减少值? $(文档).ready(函数(){ $(“.数量增加.数量减少”)。单击(功能(事件){ id=this.id; 数量=$(“#输入-数量1"+id).val(); 警报(数量); }); });,php,jquery,Php,Jquery,请检查以下代码 <script> $(document).ready(function(){ $(".qty-increase, .qty-decrease").click(function(event){ id = this.id; quantity = $("#input-quantity1_"+id).val(); alert(quantity); }); }
<script>
$(document).ready(function(){
$(".qty-increase, .qty-decrease").click(function(event){
id = this.id;
quantity = $("#input-quantity1_"+id).val();
alert(quantity);
});
});
</script>
<div class="input-content">
<div class="box-qty">
<input type="text" name="quantity" value="1" id="input-quantity1_<?php echo $row_cart['id']; ?>" class="input-text qty">
<input type="hidden" name="product_id" value="44">
<div class="qty-arrows" style="margin-top: -40px;">
<input type="button" value="+" onclick="var qty_el = document.getElementById('input-quantity1');
var qty = qty_el.value;if (!isNaN(qty))qty_el.value++;return false;" id="<?php echo $row_cart['id']; ?>" class="qty-increase">
<input type="button" value="-" onclick="var qty_el = document.getElementById('input-quantity1');
var qty = qty_el.value;if (!isNaN(qty))qty_el.value--;return false;" id="<?php echo $row_cart['id']; ?>" class="qty-decrease">
</div>
</div>
</div>
$(文档).ready(函数(){
$(“数量增加”)。单击(功能(事件){
id=this.id;
数量=$(“#输入-数量1"+id).val();
数量=parseInt(数量)+1;
$(“#input-quantity1"+id).val(数量);
});
$(“数量减少”)。单击(功能(事件){
id=this.id;
数量=$(“#输入-数量1"+id).val();
数量=parseInt(数量)-1;
如果(数量>0){
$(“#input-quantity1"+id).val(数量);
}否则{
$(“#input-quantity1"+id).val(0);
警报('项目已在购物车中删除')
}
});
});
如果您仍然得到错误,请告诉我
更新:-
<script>
$(document).ready(function(){
$(".qty-increase").click(function(event){
id = this.id;
quantity = $("#input-quantity1_"+ id).val();
quantity = parseInt(quantity)+1;
$("#input-quantity1_"+ id).val(quantity);
});
$(".qty-decrease").click(function(event){
id = this.id;
quantity = $("#input-quantity1_"+ id).val();
quantity = parseInt(quantity)-1;
if(quantity > 0){
$("#input-quantity1_"+ id).val(quantity);
}else{
$("#input-quantity1_"+ id).val(0);
alert('Item is remove in cart')
}
});
});
</script>
为什么有两个代码:jquery事件和onclick
中的代码?我不理解您的问题描述。但是这些内联事件处理程序看起来非常难看,所以我要做的第一件事就是重写它,同时使用jQuery事件处理。正如您在中所看到的,当您添加到购物车中任何产品时,通过单击
+`sign和-sign可以看到数量的增加和减少。这是同一件事,我无法从@misorudeqty\u el=document.getElementById('input-quantity1')中获得值代码>没有id为的元素=input-quantity1
因此,对于使用代码后的延迟回复@Praveenkumar,它将还原我[object object]
@omkara:-您使用的是第一个代码还是更新的代码?两者都工作正常。请登录控制台并check@Parveenkumar我使用了qtn_inc=$(“#输入-数量1”+id).val(数量);警报(qtn_公司)代码>在警报中显示[object object]@omkara:-你为什么这样做?如果您需要的输入框值大于仅警报数量var qtn_inc=$(“#input-quantity1_”+id).val();警报(qtn_公司)代码>添加值后
<div class="box-qty">
<input type="text" name="quantity" value="1" id="input-quantity1_<?php echo $row_cart['id']; ?>" class="input-text qty">
<input type="hidden" name="product_id" value="44">
<div class="qty-arrows" style="margin-top: -40px;">
<input type="button" value="+" onclick="cart_value('add',<?php echo $row_cart['id']; ?>);" id="<?php echo $row_cart['id']; ?>" class="qty-increase">
<input type="button" value="-" onclick="cart_value('less',<?php echo $row_cart['id']; ?>);" id="<?php echo $row_cart['id']; ?>" class="qty-decrease">
<input type="button" value="add" onclick="add_value_weclome();">
</div>
</div>
<script>
function cart_value(data,id){
if(data == 'add'){
quantity = $("#input-quantity1_"+ id).val();
quantity = parseInt(quantity)+1;
$("#input-quantity1_"+ id).val(quantity);
}else{
quantity = $("#input-quantity1_"+ id).val();
quantity = parseInt(quantity)-1;
if(quantity > 0){
$("#input-quantity1_"+ id).val(quantity);
}else{
$("#input-quantity1_"+ id).val(0);
alert('Item is remove in cart')
}
}
}
</script>