jQuery ボタンの無効化

nissy 289views 更新:2016年6月23日

ボタンの無効化は以下のように、disabledを上手に使うと対応出来ます。

//以下の様なボタンが有るとすると。。。。
<button id="hoge">......</button>

//prop()で無効化出来ます
$("#hoge").prop("disabled", false);

ただ、bootstrapのラジオボタンではprop()でdisabledを加えるだけでは動いてくれないらしく、、、 以下のような処置を行うため、スタイルシート上での変更も必要なようです。。。

//Bootstrapの場合
//html側
<div class="radio">
  <label class="btn-select" id="radio1"><input type="radio" name="radio"  value="radio1"> radio1</label>
<label class="btn-select" id="radio2"><input type="radio" name="radio" value="radio2"> radio2</label>
</div>

//jqueryでの処理
 $("#radio1").addClass("disabled");

//以上の処理からセレクタがdisabledの時の調整が必要
.radio.disabled {
background-color:
color:
font-weight:
・・・・・
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません