首页 > 解决方案 > 如何使用jquery检查一行中的所有文本框是否已填充

问题描述

我每行有 3 个文本框。至少其中一行应完全填满。任何行中的所有文本框都不应为空。我试过下面的代码,它只适用于第一行。

var filledtextboxes= $(".setup_series_form tr:first input:text").filter(function () {
  return $.trim($(this).val()) != '';
}).length;

我们希望在任何行中获得最大数量的非空文本框,TIA。

在此处输入图像描述

标签: javascriptjquery

解决方案


循环遍历所有行。在每一行中,获取填充框的数量。如果这高于之前的最大值,则用此计数替换最大值。

var maxboxes = -1;
var maxrow;
$(".setup_series_form tr").each(function(i) {
    var filledtextboxes = $(this).find("input:text").filter(function () {
      return $.trim($(this).val()) != '';
    }).length;
    if (filledtextboxes > maxboxes) {
        maxboxes = filledtextboxes;
        maxrow = i;
    }
});

推荐阅读