技術メモ(主に自分向け)

短期記憶の自分向けの技術メモです。

ボタンの活性、非活性

ボタンを非活性にする場合はHTMLのclassに以下を追記する。

disabled

上記の文言をつけなければ活性となる。

(例)
コンポーネント

<button type="button" class="btn btn-center btn-lgr disabled" onclick="{!c.コントローラーfunction名}">
 確認する
</button>


・条件によって、disabledをつけたり外したりする方法
コントローラー側

checkButton : function (component, event, helper) {
 jQuery(function($) {
  $("input[name='question1']").change(function() {
   if($("input[name='question1']:checked").val()){
    $(".btn").removeClass("disabled"); ⇐disabledを外す
   }
   else{
    $(".btn").addClass("disabled"); ⇐disabledをつける
   }
  })
 });
}

コンポーネント

<button type="button" class="btn btn-center btn-lgr" onclick="{!c.checkButton}">
 確認する
</button>