Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

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を選択したときに枠がつくのはブラウザの機能だが、
ハンドラーで実行することで、ブラウザの機能は実行されないけど、選択されている。

参照

kamenaris
ディレクターからフロントエンドエンジニアへ エンジニア歴は3年程度、まだまだ初級、中級者レベルです、今後もエンジニアとして成長していきたいと思ってます。 業務上要件定義、画面設計、ワイヤーフレーム、webデザインにも手を出しはじめました。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした