Q&A
うまくいきました！ありがとうございます。
チェックボックスにチェックをつけるとdisabledが無効になる機能を実装したいのですが、
チェックボックスの判定がうまく取得できません。
HTML側 <input type="checkbox" id="AgreeBtn"><label for="AgreeBtn">同意する。</label> <input type="button" name="confirmate" id="confirmate" value="送信する" disabled>
JS側 $("#AgreeBtn").on('change', function(){ if($(this).prop('checked')){ $("#confirmate").prop('disabled',false); }else{ $("#confirmate").prop('disabled',true); } });
どなたかご教授おねがいいたします。
回答2件
0
html
1<!DOCTYPE HTML> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <form action="" method="post"> 9 10 <label> 11 <input type="checkbox" name="agree" id="agree" /> 12 同意する 13 </label> 14 15 <input type="submit" id="btn_submit" value="送信する" /> 16 17 </form> 18 <script type="text/javascript" src="//code.jquery.com/jquery-3.0.0.min.js"></script> 19 <script type="text/javascript"> 20 $(function () { 21 $('#agree').on('change', function () { 22 $('#btn_submit').prop('disabled', !$(this).prop('checked')); 23 }).change(); 24 }); 25 </script> 26 </body> 27</html>
投稿2017/01/12 04:18
退会済みユーザー
総合スコア0
0
ベストアンサー
ロード後の処理にしていますか？
javascript
1$(function(){ 2 $("#AgreeBtn").on('change', function(){ 3 $("#confirmate").prop('disabled',!$(this).prop('checked')); 4 }); 5});
投稿2017/01/12 04:15
総合スコア114779
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/12 04:28