javascriptで確認ダイアログの他に入力チェックをしたい

javascriptが良く分からない状態です。

<form name="form1">
<input type="checkbox" name="chk1">チェック1
<input type="checkbox" name="chk2">チェック2
<input type="submit" name="send_btn" value="送信する" onclick="return confirm('よろしいですか？');">

これをする際に、form内のチェックボックスが全てチェックされているか確認して
全てチェックされていない場合は、アラートを出して、
全てチェックされている場合は、よろしいですか?　を表示したいのですが、
やり方が分かりません。

よろしくお願いいたします。

質問者からの補足コメント

• </form>が抜けてました。

    補足日時：2021/06/14 05:35

No.2 ベストアンサー 回答者： Ogre7077 回答日時： 2021/06/14 10:28

function checkCheckers(event) {

_ var form = event.target;
_ var noCheck = Array.from(form.elements).filter(e => e.type=='checkbox').some(e => !e.checked);
_ if (noCheck) {
_ _ event.preventDefault();
_ _ alert("xxxx");
_ _ return;
_ }
_ var r = confirm("yyyy");
_ if (!r) event.preventDefault();
}
対象フォーム.addEventListener('submit', checkCheckers, false);

この回答へのお礼

ありがとうございます。
思う処理が出来ました。

お礼日時：2021/06/14 21:28

No.1 回答者： fujillin 回答日時： 2021/06/14 10:25

こんにちは

スクリプトではありませんけれど・・・

<input type="checkbox" name="chk1" required="required" />チェック1

とかでは？

この回答へのお礼

requiredという便利なものがあるのですね。
こちらでも再現出来ました。
ありがとうございます。

お礼日時：2021/06/14 21:29