javascript - 如果为 NULL，则更改数组文本框的 bgcolor

Question

我有这个输入文本，它有一个 name="quiztxtBox[]"，如您所见，它是一个 数组。如果某个文本框的值为 null，我想更改文本框 bg 的颜色。

var quiztxtBox =  document.getElementById('quiztxtBox[]');
  for (i=0; i<quiztxtBox.length; i++)
      {
       if (quiztxtBox[i].value == "")
        {
          alert('Either question or answer is empty.');
          quiztxtBox[i].focus();
          quiztxtBox[i].css({"background-color":"#f6d9d4"}); 
          return false;
        }
      }

Answer 1

您正在使用 .css() 这是一个 jQuery 函数。

您应该在您的页面上包含 jQuery，将您的 DOM 元素添加到 jQuery 对象并应用 .css() 像这样的功能

你还应该使用 getElementsByName

$(quiztxtBox[i]).css({..});

或者只使用如下所示的 vanilla JS

  var quiztxtBox =  document.getElementByName('quiztxtBox[]');
  for (i=0; i<quiztxtBox.length; i++) {
      if (quiztxtBox[i].value === "") {
          alert('Either question or answer is empty.');
          quiztxtBox[i].focus();
          quiztxtBox[i].style.backgroundColor = '#f6d9d4'; // this line 
      }
  }

DEMO