Javascript jQuery不响应数字输入

我有这样的代码，如果我填写特定的输入字段，那么它将“启用”或在本例中删除一个类，但当涉及到填写数字的输入字段时，它不会对所填写数字的输入值做出反应。我希望它在填充内容后启用按钮

我正在设置一个验证，当没有填写所有字段时，您不能进入下一页，但在此之前，您需要填写所有字段

HTML

CSS

---

我希望结果是，当我在数字输入中填写了所有内容并填写了一些内容（例如：“1”）时，它会立即响应并启用按钮，或者在本例中添加一个类。

以下是适用于您的应用程序的类似代码

它与“单选按钮”和“输入框”交互，从而触发“提交按钮”

函数签出（）{
警惕（“它起作用”）；
}
$（文档）.ready（函数（）{
//log（“已加载文档！”）；
$（“输入”）.change（函数（）{
var snacksValue=$（'input[name=“零食”]：checked'）.val（）；
var extrasValue=$（'input[name=“extras”]：checked'）.val（）；
变量数量=$（'#input1'）.val（）；
如果（snacksValue！=未定义和附加值！=未定义和数量！=''）{
//控制台日志（“go”）；
$（“#checkout”）.removeClass（“禁用”）；
$（'#checkout'）.addClass（“已启用”）；
}否则{
//控制台日志（“错误”）；
$（'#checkout'）.removeClass（“已启用”）；
$（'#checkout'）.addClass（“已禁用”）；
}
});
});
div{
利润率：10px 5px；
}
.启用{
背景色：#4CAF50；
/*绿色的*/
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
}
.残疾人{
背景色：#e7e7e7；
边界：无；
颜色：黑色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
指针事件：无；
/*显示：无*/
/*如果你想把它藏起来*/
}

汉堡
披萨
热狗
加奶酪
没有奶酪
量
您可以将其设置为JSFIDLE或其他类型，并指出哪一行/哪些行的行为与您期望的不一样？现在的输出是什么以及您想要什么。因为我看不到你将对象强制转换为int或其他什么。。。另外，您可以将
input
包装在
标记中，以消除对
属性的需要。但它不会做出反应，因为您正在检查数字是否为空
if（$（''JA2'）。is（“：checked”）&&$（'onderveler'）。val（）='
<input id="LAMINAAT" type="radio" name="group1" onclick="myFunction()" 
value="Laminaat" />
<label for="LAMINAAT">Laminaat</label>
<input id="PARKET" type="radio" name="group1" onclick="myFunction()" value="Parket" />
<label for="PARKET">Parket</label>
<input id="PVC" type="radio" name="group1" onclick="myFunction()" value="Pvc" />
<label for="PVC">PVC</label>
<hr>
<input id="JA2" type="radio" name="group3" value="Ja">
<label for="JA2" class="form-field__radio__label">Ja, meerprijs €1.50 per m<sup>2</sup></label><br>
<input id="NEE2" type="radio" name="group3" onclick="JaNeeFirst()" value="Nee">
<label for="NEE2">Nee</label>

<div id="form_JA2" class="desc desc3" style="float: inherit;">
  <h5>Hoeveel m<sup>2</sup> ondervloer wil je laten leggen?</h5>
  <input type="number" id="ondervloer" name="ondervloeren">
</div>
<hr>
<input id="JA3" type="radio" name="group4" value="Ja">
<label for="JA3" class="form-field__radio__label">Ja</label><br>
<input id="NEE3" type="radio" name="group4" onclick="JaNeeSecond()"     value="Nee">
<label for="NEE3">Nee</label>
<hr>
<input id="JA4" type="radio" name="group5" value="Ja">
<label for="JA4" class="form-field__radio__label">Ja, meerprijs €5.00 per meter</label><br>
<input id="NEE4" type="radio" name="group5" onclick="JaNeeThirth()" value="Nee">
<label for="NEE4">Nee</label>
<hr>
<input id="JA5" type="radio" name="group6" value="Ja">
<label for="JA5" class="form-field__radio__label">Ja, meerprijs €2.50 per m<sup>2</sup></label><br>
<input id="NEE5" type="radio" name="group6" onclick="JaNeeFourth()" value="Nee">
<label for="NEE5">Nee</label>
<hr>
<input id="JA6" type="radio" name="group7" value="Ja">
<label for="JA6" class="form-field__radio__label">Ja, meerprijs €20.00 per deur</label><br>
<input id="NEE6" type="radio" name="group7" onclick="JaNeeFifth()" value="Nee">
<label for="NEE6">Nee</label>
<hr>
<input id="JA7" type="radio" name="group8" value="Ja">
<label for="JA7" class="form-field__radio__label">Ja, meerprijs €20.00 per plint</label><br>
<input id="NEE7" type="radio" name="group8" onclick="JaNeeSixth()" value="Nee">
<label for="NEE7">Nee</label>
<hr>

<input id="tweedebutton" type="button" value="volgende stap" onclick="show_next('user_details','qualification','bar2'); topFunction()" />

$(document).ready(function () {
  $("#tweedebutton").addClass("disabledbuttonNext");
  $('input[type="radio"]').on('change', function () {
    if ($('#LAMINAAT').is(":checked") && $('input[name="group3"]').is(":checked") && $('input[name="group4"]').is(":checked") && $('input[name="group5"]').is(":checked") && $('input[name="group7"]').is(":checked") && $('input[name="group8"]').is(":checked") ) {
      $("#tweedebutton").removeClass("disabledbuttonNext");
    } else if ($('#PARKET').is(":checked") && $('input[name="group3"]').is(":checked") && $('input[name="group4"]').is(":checked") && $('input[name="group5"]').is(":checked") && $('input[name="group7"]').is(":checked") && $('input[name="group8"]').is(":checked") && $('input[name="group6"]').is(":checked") ){
      $("#tweedebutton").removeClass("disabledbuttonNext");
    } else if ($('#PVC').is(":checked") && $('input[name="group3"]').is(":checked") && $('input[name="group4"]').is(":checked") && $('input[name="group5"]').is(":checked") && $('input[name="group7"]').is(":checked") && $('input[name="group8"]').is(":checked") ) {
      $("#tweedebutton").removeClass("disabledbuttonNext");
    }
    else{
      $("#tweedebutton").addClass("disabledbuttonNext");
    }
  });
});

$(document).ready(function () {
  $('input[type="radio"], input[type="number"]').on('change', function () {
    if ( $('#JA2').is(":checked") && $('#ondervloer').val() == '' ) {
      $("#tweedebutton").addClass("disabledbuttonNext");
    }
  });
});

.disabledbuttonNext {
pointer-events: none;
opacity: 0.5;
}