2

入力ボックスがたくさんあり、それらがすべて空であるかどうかを確認する条件を作成する必要があります。単一の変数を使用して 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">
4

2 に答える 2

2

このようにしてみてください：

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
}
于 2013-01-16T00:43:12.057 に答える
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');
}
于 2013-01-16T00:47:01.787 に答える