MW211 EXIT

devlog
jQuery/入力チェック入門編
2011年11月15日
jQueryがよくわからないので、初歩的なところから外堀を埋めてみようと思う。

まずは、以下みたいな入力欄があって、それを全部チェックしたい場合(の基礎)。
┌──────────────────────────────────────┐
│<input type="text" name="xxxx1" value=""/>                                  │
│<input type="text" name="xxxx2" value=""/>                                  │
│<input type="text" name="xxxx3" value=""/>                                  │
│<input type="text" name="xxxx[]" value=""/>                                 │
│<input type="text" name="xxxx[]" value=""/>                                 │
│<input type="text" name="xxxx[]" value=""/>                                 │
└──────────────────────────────────────┘

チェック内容はその場に応じてなので、alert()で値をダイアログ表示する方法を。
┌──────────────────────────────────────┐
│$("input[type=text][name^=xxxx]").each(function() {                         │
│  alert($(this).val());                                                     │
│});                                                                         │
└──────────────────────────────────────┘
「$(this).val()」(=値)の内容をチェックするばよい。

ちなみに「.val()」を使わずに「.value」を使いたい場合には
「$(this).value」ではなく、「$(this)[0].value」だから注意。
分類:jQuery