プライバシーポリシーを確認してもらうなど、送信前に「確認した」ことをチェックするためにチェックボックスを付けて、チェックが付いていないと送信ボタンが押せないようにするソースです。
html+javascriptのシンプルなソースで実装します。
チェックボックスhtml
<input type="checkbox" autocomplete="off" id="accept">
<label for="accept">* <a href="***.html" target="_blank">プライバシポリシー</a>に同意しました</label>
<button type="submit" id="send" class="btn"><span>送信</span></button>
チェックボックスと送信ボタンです。
CSSで加工してください。
$(function(){
$("#send").prop("disabled", true);
$("#accept").click(function(){
if ($(this).prop("checked") == false) {
$("#send").prop("disabled", true);
} else {
$("#send").prop("disabled", false);
}
});
});
チェックボックスがクリックされたときに.propでクリックできるできないをコントロールするだけです。