使用一个变量检查​​多个输入字段

Question

我有很多输入框，我需要创建一个条件来检查它们是否都是空的，我怎么能在单个变量的javascript中执行此操作。这就是我所拥有的，但它只检查1个盒子

function boxes() {

    var box_a = document.getElementById('box_a');

         if(box_a==="")   {
            alert("box not filled")
               return false;
          } 

 <input type="text" id="box_a">

Answer 1

试试这样：

var textinputs = document.querySelectorAll('input[type=text]');

var empty = [].filter.call( textinputs, function( el ) {
   return !el.value
});

if ( textinputs.length == empty.length ) {
  // all text inputs are empty
}

Answer 2

如果您真的是指页面上的所有输入，则可以使用getElementsByTagName：

function boxes() {
    var anyFilled = false;

    var boxes = document.getElementsByTagName('input');

    for(var i = 0; i < boxes.length; i++) {
        if(boxes[i].value !== "") {
            anyFilled = true;
            break;
        }
    }

    if(anyFilled)
        alert('An input has a value');
}