用一個變量檢查​​多個輸入字段

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'); 
}