Html 输入值未在jquery中更新

Html 输入值未在jquery中更新,html,jquery,Html,Jquery,我正试图用以下HTML和jquery代码使用jquery更新输入值,但无法更新。请帮忙 HTML代码 <div class="product_quantity p-quanity-adder"> <span>QTY: </span> <input id="quantity_input" name=

我正试图用以下HTML和jquery代码使用jquery更新输入值,但无法更新。请帮忙

HTML代码

 <div class="product_quantity p-quanity-adder">
                             <span>QTY: </span>

                             <input id="quantity_input" name="quantity" type="text" value="<?php echo $minimum; ?>">

                             <div class="quantity_buttons">
                                <div id="quantity_inc_button" class="quantity_inc quantity_control add-up1 add-action1"><i class="fas fa-chevron-up"></i></div>
                                <div id="quantity_dec_button" class="quantity_dec quantity_control add-down1 add-action1"><i class="fas fa-chevron-down"></i></div>
                             </div>
                          </div>

 

确保您正在加载jQuery

工作正常。只需运行下面的运行代码段,就可以看到它正在工作,并且值正在更新

工作演示:

$(“.p-quanity-adder.add-action1”)。单击(函数(){
if($(this).hasClass('add-up1')){
$(“#数量输入”).val(parseInt($(“#数量输入”).val())+1);
}否则{
if(parseInt($(“[name=quantity]”,“.p-quantity-adder”).val())>1){
$(“[name=quantity]”).val(parseInt($(“[name=quantity]”).val())-1);
}
}
});

数量:

确保正在加载jQuery

工作正常。只需运行下面的运行代码段,就可以看到它正在工作,并且值正在更新

工作演示:

$(“.p-quanity-adder.add-action1”)。单击(函数(){
if($(this).hasClass('add-up1')){
$(“#数量输入”).val(parseInt($(“#数量输入”).val())+1);
}否则{
if(parseInt($(“[name=quantity]”,“.p-quantity-adder”).val())>1){
$(“[name=quantity]”).val(parseInt($(“[name=quantity]”).val())-1);
}
}
});

数量:

只需检查此处的工作演示

您可以这样简化解决方案

确保链接jQuery

$(“.p-quanity-adder.add-action1”)。单击(函数(){
var value=parseInt($(“#数量输入”).val();
if($(this.hasClass('add-up1')){
$(“数量输入”).val(值+1);
}否则{
如果(值>1){
$(“数量输入”).val(值-1);
}
}
} );

数量:
定期的加薪
减量

只需检查此处的工作演示

您可以这样简化解决方案

确保链接jQuery

$(“.p-quanity-adder.add-action1”)。单击(函数(){
var value=parseInt($(“#数量输入”).val();
if($(this.hasClass('add-up1')){
$(“数量输入”).val(值+1);
}否则{
如果(值>1){
$(“数量输入”).val(值-1);
}
}
} );

数量:
定期的加薪
减量

我运行时,您的代码运行正常。看这里,你的代码运行良好。你想归档什么?为什么增加的价值没有在输入中更新。请看下面的答案。我运行时,您的代码运行得很好。看这里,你的代码运行良好。你想归档什么?为什么增加的价值没有在输入中更新。见下面的答案。
  $(".p-quanity-adder .add-action1").click( function(){
    if( $(this).hasClass('add-up1') ) {
    
       $("#quantity_input").val( parseInt($("#quantity_input").val()) + 1 );
    }else {
        if( parseInt($("[name=quantity]",'.p-quanity-adder').val())  > 1 ) {
         
          $("[name=quantity]").val( parseInt($("[name=quantity]").val()) - 1 );
        }
    }
} );