個人情報保護方針に同意した場合にのみ、送信ボタンが押せるように実装。
下記コピペでOKです。
HTML
|
1 2 3 4 |
<input type="checkbox" name="個人情報の取扱いへの同意" value="同意する" id="consent"> <label class="checkbox" for="consent">個人情報の取り扱いに同意します</label> <button type="submit" disabled>送信ボタン</button> |
jQuery
|
1 2 3 4 5 6 7 8 9 10 |
$('input[name="個人情報の取扱いへの同意"]').change(function() { var prop = $('input[name="個人情報の取扱いへの同意"]').prop('checked'); if (prop) { $('button').prop('disabled', false); $('button').addClass('active'); } else { $('button').prop('disabled', true); $('button').removeClass('active'); } }); |
activeclassがボタンにつくようになっているのでcssで調整可能です。