jquery every() 仅循环访问 ASP.NET gridview 一次

Question

我正在尝试循环遍历 GridView ，如果用户没有填写已检查项目的数量，则会向用户发出警报。但它只适用于第一个复选框，并且不会返回 false，因为代码仍然在服务器端执行。

function GetCheckedRows() {
    var checkBox = $("#flexCheckBoxList")
    var textBox = $("#flexTextBox")
    $("#flexGridView tr").each(function () {
        if ($(checkBox).is(':checked')) {
            if (textBox.val().length === 0) {
                alert("You must specify the amount needed");
                return false;
            }
            else {
                return true;
            }
        }
    });
}

完成!想要显示完成的代码，当某些内容不正确时，该代码会循环并停止。我必须创建一个变量来停止循环执行。这不仅检查空值，还检查它是否是数字。

function GetCheckedRows() {
    var exitSubmit = false;
    $(".gridView tr").each(function (e) {
        var checkBox = $(this).find("input[type='checkbox']");
        var textBox = $(this).find("input[type='text']");
            if (checkBox.is(':checked')) {
                if (textBox.val().length === 0 || !$.isNumeric($(textBox).val())) {
                    exitSubmit = true;
                    return false;
            }
            else {
            return true;
            }
        }
    });
    if (exitSubmit) {
       alert("Please enter a valid amount");
       return false;
}

}

Answer 1

更改脚本，以便在使用 each() 查找的行上找到复选框和文本框...

function GetCheckedRows() {
    $("#flexGridView tr").each(function () {
        var $checkBox = $(this).find("input[type='checkbox']");
        var $textBox = $(this).find("input[type='text']");
        if ($checkBox.is(':checked')) {
            if ($textBox.val().length === 0) {
                alert("You must specify the amount needed");
                return false;
            }
            else {
                return true;
            }
        }
    });
}

如果复选框和文本框有类，那么在选择器中使用它们比在输入中使用它们更有意义(因为每行中可能还有其他复选框和文本框 - 我不知道)。

此外，您的问题建议您对多个复选框和多个文本框使用相同的 ID。 ID 必须是唯一的 - 您不能使用它们来选择多个元素，就像使用类一样。