##javascriptでチャックボックスフォームの空判定をしたい。
webアプリによくある、会員登録前にチェックボックスで「利用規約に同意する」という項目がありますがそれについて実装しています。
#実現したいこと
送信前にjsで空判定をし、空ならば送信せずにアラートで警告し、同意に関するチェックボックスをチェックしてもうまで送信できないようにしたい。
#困っていること
現状のコードでは。htmlタグ取得するのにdocument.form1.accept.checked
として取得しているがそれをinput
のid
からinput
タグを取得して判定を行いたい
空の時に警告のアラートを表示させるところまではなんとか実装出来たが同意されていない状態でも送信されてしまうのでそれを送信出来ないようにしたい。
###コード
html
1<form name="form1"> 2 <input type="checkbox" id="accept" name="accept" value="利用規約">利用規約<br> 3 <input type="button" value="選択" onclick="acceptedCheck();"> 4</form>
javascript
1function acceptedCheck() { 2 var flag = false; // 選択されているか否かを判定するフラグを立てています。 3 if (document.form1.accept.checked) {//ここをidで取得出来るようにしたい。 4 flag = true;//チェックされている場合の処理になります。 5 alert("選択されました。"); 6 }else{//空の時の警告。と同時に送信されないようにしたい。 7 alert("利用規約及びプライバシーポリシーに同意されていません。"); 8 } 9 }
#追記
getElementById
でidを取得して判定できるかについて知りたいです。
html
1<input type="checkbox" id="accept" name="accept" value="利用規約">利用規約<br>
js
1if (document.getElementById("accept").checked){ 2 //処理 3}
回答2件
あなたの回答
tips
プレビュー