HOME > > > > >

:input

input要素を取得する

サンプル

「表示」ボタンを押すと取得要素のvalue属性の値が出力される

実行結果









Javascript

  1. $('.jqTest').submit(function(e){
  2.     var message = '';
  3.     $(':input', $(e.target).closest('.jqTest')).each(function(){
  4.         message += $(this).val() + '<br />';
  5.     });
  6.     $('.jqTest .message').html(message);
  7.     return false;
  8. });

HTML

  1. <form class="jqTest">
  2.     <input type="text" name="data[address]" value="住所は入力できますよ" /><br />
  3.     <input type="file" name="data[file]" value="選択してください" /><br />
  4.     <input type="image" name="data[img]" /><br />
  5.     <label><input type="radio" name="data[lang]" value="en" /> 英語</label>
  6.     <label><input type="radio" name="data[lang]" value="jp" disabled="disabled" /> 日本語</label><br />
  7.     <br />
  8.     <input type="text" name="data[tel]" value="電話暗号は入力できません" /><br />
  9.     <select name="data[food]" disabled="disabled">
  10.         <option value="らーめん">らーめん</option>
  11.         <option value="うどん">うどん</option>
  12.         <option value="そば">そば</option>
  13.     </select>
  14.     <hr />
  15.     <input type="submit" value="表示" class="submit" />
  16.     <hr />
  17.     <div class="message"></div>
  18. </form>