HOME > > > > >

:file

input typeがfileのものを取得する

サンプル

「ハイライト」ボタンを押すとinput typeがfileの要素にハイライト

実行結果







Javascript

  1. $('.jqTest :submit').click(function(e){
  2.         $(':file', $(e.target).offsetParent()).css({
  3.                 padding: '10px',
  4.                 border: '1px solid #990000'
  5.         });
  6.     return false;
  7. });

HTML

  1. <form class="jqTest">
  2.     <input type="file" name="data[name]" value="選択してください" /><br />
  3.     <input type="text" name="data[address]" value="住所は入力できますよ" /><br />
  4.     <label><input type="radio" name="data[lang]" value="en" /> 英語</label>
  5.     <label><input type="radio" name="data[lang]" value="jp" disabled="disabled" /> 日本語</label><br />
  6.     <br />
  7.     <input type="text" name="data[tel]" value="電話暗号は入力できません" /><br />
  8.     <hr />
  9.     <input type="submit" value="ハイライト" class="submit" />
  10. </form>