javascript 使用 JS 或 jQuery 检查所有输入的值是否为零

Check if all inputs have value of zero with JS or jQuery

提问by Justin

I'm trying to check if ALL inputs (.productTextInput) have a value of zero.

我正在尝试检查所有输入 ( .productTextInput) 的值是否为零。

If they are all zero then execute an alert, but only if they are ALL zero.

如果它们都为零，则执行警报，但前提是它们都为零。

I have been able to check the first and all individually, but not all together.

我已经能够单独检查第一个和全部，但不能全部检查。

HTML

HTML

<div class="container">
    <div class="listQuantity">
        <input type="text" class="productTextInput" name="AddToCart_Amount" value="0">
    </div>
    <div class="listQuantity">
        <input type="text" class="productTextInput" name="AddToCart_Amount" value="0">
    </div>
    <div class="listQuantity">
        <input type="text" class="productTextInput" name="AddToCart_Amount" value="0">
    </div>
</div>

Script

脚本

$('.productTextInput').each(function() {
    if ($(this).val() <= 1){
        alert("Must choose at least one product");
    } else {
        // do something
    }
});

回答by T.J. Crowder

You can use filterfor this:

您可以filter为此使用：

if ($('.productTextInput').filter(function() {
        return parseInt(this.value, 10) !== 0;
    }).length === 0) {
    // They all have zero
}
else {
    // At least one has a non-zero value
}

回答by Pank

$input_val = true;
$('.productTextInput').each(function() {
    if ($.trim($(this).val()) <= 1){
        $input_val = false;
        return false;
    } else {
        // do something
    }
});

if(!$input_val){
    alert("Must choose at least one product");
}

回答by Fury

$('.productTextInput').each(function( index, value ) {
    if (parseInt($(this).val())>0){alert("Must choose at least one product");}
});

回答by Kevin Bowersox

var valid = false;
$('.productTextInput').each(function() {
    if (!valid && this.value == 1){
        valid = true;
    }
});

if(!valid){
    alert("Must choose at least one product");
}

回答by Arun P Johny

Use a flag variable to check the case in the loop

使用标志变量检查循环中的大小写

var flag = true;
$('.productTextInput').each(function() {
    if ($(this).val() != 0){
        flag = false;
        return false
    }
});

if(!flag){
    alert('at least one is more than 0')
}