Javascript 使用JQuery将输入增加1(限制为9)并连接到隐藏输入

Javascript 使用JQuery将输入增加1(限制为9)并连接到隐藏输入,javascript,jquery,html,Javascript,Jquery,Html,尝试使用加号/减号将数字增加/减少0-9,然后将输入值连续连接到一个隐藏输入,该隐藏输入将提交到CMS中 JSFIDLE在这里,目前无法限制数字,也无法连接值 第一队 第一队 如果我错过了一些非常明显的事情,请提前道歉 只需更改您的 if ($button.text() == "+") { var newVal = parseFloat(oldValue) + 1; } 到 if($button.text()==“+”){ var newVal=parseFloat(oldValu

尝试使用加号/减号将数字增加/减少0-9,然后将输入值连续连接到一个隐藏输入,该隐藏输入将提交到CMS中

JSFIDLE在这里,目前无法限制数字,也无法连接值


第一队
第一队

如果我错过了一些非常明显的事情,请提前道歉

只需更改您的

if ($button.text() == "+") {
  var newVal = parseFloat(oldValue) + 1;
}

if($button.text()==“+”){
var newVal=parseFloat(oldValue)<9?parseFloat(oldValue)+1:parseFloat(oldValue);
}

更换

var newVal=parseFloat(oldValue)+1

惠特

var temp=parseFloat(oldValue)+1; newVal=temp这就是您想要的:

//用于合并计数器1和计数器2的脚本
$(文档)。单击(函数(){
var value1=$('.counter1').val();
var value2=$('.counter2').val();
$(“.output”).text(value1+value2);
});
//用于将值增量增加+1并防止数字小于0的脚本
$(函数(){
$(“form.counter-inner”).append(“+-”);
$(“.increment_按钮”)。在(“单击”,函数(){
var$按钮=$(此按钮);
var oldValue=$button.parent().find(“input”).val();
如果($button.text()==“+”){
如果(旧值<9){
var newVal=parseFloat(oldValue)+1;
}否则{
var newVal=parseFloat(oldValue);
}
}否则{
//不允许在零以下递减
如果(旧值>0){
var newVal=parseFloat(oldValue)-1;
}否则{
newVal=0;
}
}
$button.parent().find(“input”).val(newVal);
});
});

串联或递增/递减?更改为
$(“.output”).text(值1+值2),您必须使用
.text()
,而不是
val()
,谢谢@rmondesilva,太好了!非常感谢一吨@miglio,太棒了!
if ($button.text() == "+") {
  var newVal = parseFloat(oldValue) + 1;
}
if ($button.text() == "+") {
  var newVal = parseFloat(oldValue) < 9 ? parseFloat(oldValue) + 1 : parseFloat(oldValue);
}
//Script for concatinating counter1 and counter2
$(document).click(function () {
            var value1 = $('.counter1').val();
            var value2 = $('.counter2').val();
            $(".output").text(value1 + value2);
        });
//Script for increasing value increment by +1 and preventing numbers below 0
          $(function () {
            $("form .counter-inner").append('<div class="inc increment_button">+</div><div class="dec increment_button">-</div>');
            $(".increment_button").on("click", function () {
                var $button = $(this);
                var oldValue = $button.parent().find("input").val();
                if ($button.text() == "+") {
                        if(oldValue < 9){
                        var newVal = parseFloat(oldValue) + 1;
                    }else{
                      var newVal = parseFloat(oldValue);
                    }
                } else {
                    // Don't allow decrementing below zero
                    if (oldValue > 0) {
                        var newVal = parseFloat(oldValue) - 1;
                    } else {
                        newVal = 0;
                    }
                }
                $button.parent().find("input").val(newVal);
            });
        });