Html 输入值未在jquery中更新
我正试图用以下HTML和jquery代码使用jquery更新输入值,但无法更新。请帮忙 HTML代码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=
<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 );
}
}
} );