HOME > > > > >

:disabled

disabled属性がdisabledのものを取得する

サンプル

「送信」ボタンを押すとinput[type=text]でdisabledのもののvalueをAlertして送信ボタンをdisabledに。 解除を押すと全てのdisabledを削除する。

実行結果







Javascript

  1. $('.jqTest').click(function(e){
  2.     if ($(e.target).attr('class') === 'submit') {
  3.         $(':text:disabled', this).each(function(){
  4.             alert($(this).val());
  5.         });
  6.         $(e.target).attr('disabled', 'disabled');
  7.     } else if ($(e.target).attr('class') === 'clear') {
  8.         $(':disabled', this).each(function(){
  9.             $(this).removeAttr('disabled');
  10.         });
  11.     }
  12.     return false;
  13. });

HTML

  1. <form class="jqTest">
  2.     <input type="text" name="data[name]" value="名前は入力できません" disabled="disabled" /><br />
  3.     <input type="text" name="data[address]" value="住所は入力できますよ" /><br />
  4.     <label><input type="radio" name="data[lang]" value="en" disabled="disabled" /> 英語</label>
  5.     <label><input type="radio" name="data[lang]" value="jp" disabled="disabled" /> 日本語</label><br />
  6.     <select name="data[food]" disabled="disabled">
  7.         <option value="らーめん">らーめん</option>
  8.         <option value="うどん">うどん</option>
  9.         <option value="そば">そば</option>
  10.     </select>
  11.     <br />
  12.     <input type="text" name="data[tel]" value="電話暗号は入力できません" disabled="disabled" /><br />
  13.     <hr />
  14.     <input type="submit" value="送信" class="submit" /> <input type="button" value="disabled 解除" class="clear" />
  15. </form>
参照ページ