获取.each()函数jQuery中变量的值

Question

我有下面的代码。

代码运行良好，但如果我取消注释"；如果"；语句，一旦我在输入字段中输入内容，就会显示警报。

我想要"；sum"；只有在我输入了所有3个输入字段后，才能检查值(显示警报)。

请帮我修一下。谢谢。

<apex:inputField styleClass="Weight" value="{!EvaluationInformation__c.val1__c}" />
<apex:inputField styleClass="Weight" value="{!EvaluationInformation__c.val2__c}" />
<apex:inputField styleClass="Weight" value="{!EvaluationInformation__c.val3__c}" />

$(document).ready(function() {
$(document).on("input", ".Weight", function(e) {
var sum = 0;
$('.Weight').each(function() {
var num = $(this).val();
if (num != null && !isNaN(num)) {
sum += parseFloat(num);
} else {
alert("Accept number only");
}
});
//if (sum != 1){ // sum !=1 doesn't work
//  alert("The total of Weight must be 1");
//} 
});
});

Answer 1

您可以使用一个状态标志来判断所有输入是否有效，请参阅下面的示例代码。

此外，对于<input>元素的AFAIKval()从不返回null，它返回"0"如果没有输入。这就是为什么我使用if (num && ...来代替，在这种情况下；仅在CCD_ 5包含文本"的情况下进行；。

$(document).ready(function() {
$(document).on("change", ".Weight", function(e) {
var sum = 0;
var allInputsValid = true; // <-- flag variable
$('.Weight').each(function() {
var num = $(this).val();
if (num && !isNaN(num)) {
sum += parseFloat(num);
} else {
allInputsValid = false;
}
});
if (allInputsValid) {
console.log("All inputs have numbers.");
if (sum != 1) {
console.log("The total of Weight must be 1, but it is: " + sum);
} else {
console.log("The total of Weight is 1.");
}
} else {
console.log("Not all input have numbers yet.");
}
});
});

.Weight { width: 50px }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
#1: <input class="Weight" /> #2: <input class="Weight" /> #3: <input class="Weight" />

---

PS-即便如此，您也可能会因为浮点数学的工作方式而难以完成这项工作。由于内部四舍五入，您期望为1的数字之和并不总是恰好产生1:

var x = parseFloat("0.34") + parseFloat("0.56") + parseFloat("0.10");
console.log(x);
console.log(x === 1);