全てのinputが空かどうかを判定したい

Question

###実現したいこと
全てのinputが空かどうかを判定したいです。
よろしければご教示頂けませんでしょうか。
###該当のソースコード

<ul>
  <li><input type="text"></li>
  <li><input type="text"></li>
</ul>
<button type="button">確認</button>

$( document ).on("click","button", function(){	
  $( 'input' ).each( function() {
    var v = $( this ).val();
  });
  if( ! (v) ){
    alert('全てのinputが空です。');
  }
});

###試したこと
配列を作って確認する方法を試したのですができませんでした。

$( document ).on("click","button", function(){	
  var b = [];
  $( 'input' ).each( function() {
    b.push( $( this ).val() );
  });
  if( ! (b) ){
    alert('全てのinputが空です。');
  }
});

Answer 1

$( document ).on("click","button", function(){
  var b = ""; // 文字列にする
  $( 'input' ).each( function() {
    b += $( this ).val(); // inputは文字列で結果を持っているはず
  });
  if( !b ){
    alert('全てのinputが空です。');
  }
});

Comments

[maronica]

文字列する！すごい発想しますね！

「●+＝」というのは、「eachで回っている回数だけ●に文字列を追加していく」という意味でしょうか？（イコールの手前にプラスを書くと、追加してくれるというルールがある？）

すでに解決済みですが、勉強になりました。ありがとうございます。

[kei344]

【代入演算子 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Assignment_Operators#Addition_assignment_2

[maronica]

専門用語がわかるとこれからも検索できて心強いです。どうもありがとうございます。

[kei344]

MDNはJavaScriptのリファレンスとしては比較的信用度の高いところだから、まずそこを見てから検索するくらいのほうが良いですよ。

Answer 2

質問者様のJS文を元に作成してみました。

要点としては、
1.チェック用の空の配列を作成しておく。
2.each文を使用して各オブジェクトが値を保持している場合に配列にその値を追加する。
3.each文の外側で配列のlengthをチェックする。

動くサンプル

Comments

[maronica]

サンプルまでありがとうございます。勉強になりました。

.each(function(index, dom)

とすると、「index」には「配列の何番目か」が入り、「dom」には「その値」が入るというルールがあるのでしょうか？

[退会済みユーザー]

jqueryのドキュメントに使用方法が掲載されております。
https://api.jquery.com/each/#each-function

[maronica]

ありがとうございます。読んでみます。

[maronica]

英語でわかりませんでした。笑