HOME > > > > >

:image

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

サンプル

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

実行結果







Javascript

  1. $('.jqTest').submit(function(e){
  2.     $(':image', $(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="image" name="data[img]" /><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>