前提・実現したいこと
チェックボックスにチェックが付いているときは「検索条件を閉じる」の文言を表示させ
チェックが付いていないときは「検索条件を追加」という文言にしたい。
発生している問題・エラーメッセージ
現在、クリックすると文言はうまく変更されるが下記HTMLのコードのようにinputにcheckedを入れた状態で ブラウザで確認するとテキストが「検索条件を追加」になってしまっている状態です。 (このときはチェックが付いているからテキストは「検索条件を閉じる」になっていてほしい)
該当のソースコード
HTML---------------------------------------------- <input type="checkbox" id="addSearch" checked="checked"/> <label class="addCondition-switch" for="addSearch"><span>検索条件を追加</span></label> jquery---------------------------------------------- $(window).on('load', function() { $('#addSearch').change(function() { if ( $(this).prop('checked') == true){ $('.addCondition-switch').html('検索条件を閉じる'); } else { $('.addCondition-switch').html('検索条件を追加'); } }); });
試したこと
HTMLを読み込んだ後処理を実行したらいけるかと思ったんですが
解決しないで困っています。
よろしくお願い致します。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/10 08:37
2019/05/10 08:39
2019/05/10 08:51
2019/05/10 08:52