asp.net - 如何在 ASP.net 页面中使用 javascript 获取页面中的所有控件

Question

我有一个带有选项卡控件的页面，每个控件有将近 15 个控件。一个页面总共有 10 个选项卡和大约 150 个控件(仅下拉列表、文本框、单选按钮、列表框等控件)。

我的要求是页面底部有一个按钮(提交)。我需要使用 JavaScript 检查从该页面的 150 个控件中至少选择了 3 个选项，而不管他们选择的选项卡如何。

请建议在我的 aspx 页面上用 JavaScript 完成此操作的最简单方法。

Answer 1

假设页面上只有一个表单(如果有多个表单，则循环遍历表单并将下面的循环嵌套在其中)。

  var selectedCount = 0;
  var element;

  for (var i = 0; i < document.forms[0].elements.length; i++)
  {
    element = document.forms[0].elements[i];

    switch (element.type)
    {
      case 'text':
        if (element.value.length > 0)
        {
          selectedCount++;
        }
        break;
      case 'select-one':
        if (element.selectedIndex > 0)
        {
          selectedCount++;
        }
        break;
      //etc - add cases for checkbox, radio, etc.
    }
  }