お疲れさまです。
jQueryで2つのチェックボックスがあるとして、いずれかがチェックされたら両方ともチェック状態になるのを実装しようとしております。
Javascript
1$("input[type='checkbox']").on('change', function () { 2 $("input[type='checkbox']").prop('checked', true); 3 });
HTML
1<input id="check" 2 type="checkbox" 3 name="check" 4 class="checkbox"> 5 <span class="checkbox-icon"></span></label>お手続きの前に<a class="checkbox_link" 6 href="description.html" 7 target="_blank">重要事項説明</a>をお読みください。 <input id="submit" 8 class="submit" 9 type="submit" 10 name="submit" 11 value="手続きを進める">
※実際には上記HTMLコードは2つございます。
ここで問題なんですが、上記Javascriptコードでの記述では両方のチェックボックスにチェックがなされました。
しかし、再びクリックを押しても反応がありません。
チェック状態からの解除ができない状態になっております。
いくつか別のパターンを試しましたが、どれも思った挙動をしてくれず(片方だけがチェックになったり、片方だけのチェックを外せたり)、手を焼いています。
どなたか知恵を貸していただけないでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/16 21:15
2020/05/16 21:19
2020/05/16 21:37