チェックボックスをチェックしたらsubmitを有効にメモ

チェックボックスをチェックしたら送信ボタンを有効にする

js.rb

// チェックボックスのハンドラーが働いたら
$('.checbox').on('change hoge', function() {
 // チェックボックスとsubmit有効の処理
 var target = $('セレクター');
 var btnTarget = $('.submit input');
//targetがチェックされたら
 if (target.is(':checked')) {
    //submitを有効
    btnTarget.removeClass('disabled');
    btnTarget.prop('disabled', false);
 } else {
    //submitを無効
    btnTarget.addClass('disabled');
    btnTarget.prop('disabled', true);
 }
});

//チェックボックスのハンドラーをhogeに
$('.checbox').triggerHandler('hoge');

triggerHandler とは

簡単にいうと、イベント発生時の処理を実行するけど、
ブラウザの機能は実行されない。
※inputを選択したときに枠がつくのはブラウザの機能だが、
ハンドラーで実行することで、ブラウザの機能は実行されないけど、選択されている。

参照