JavaScriptを使ってフォーム送信時にalert文を表示させたい

###前提・実現したいこと
###発生している問題・エラーメッセージ
Java初学者です。
JSP上で表示しているチェックボックスにチェックが何もない場合に、JavaScriptを使ってフォーム送信時にalert文を表示させたいのですがうまくいきません。
何卒ご教授よろしくお願い致します。

###該当のソースコード
JSP

<html> <head> <title>Insert title here</title> <script language="JavaScript"> function check() { if(document.form1.id.value == null) { alert("チェックを付けてください"); return false; } } </script> </head> <body>

<div class="container">
<form name="form1" action="/hogeServlet" method="post" onSubmit="return check()">
<table class="table table-bordered">
    <tr>
        <th>ID</th>
        <th>日付</th>
        <th>task</th>
        
    </tr>

     <c:forEach items="${List}" var="dto">
        <tr>
            <td><input type="checkbox" name="id" value="<c:out value="${dto.id}"/>"/></td>
            <td><c:out value="${dto.date}"/></td>
            <td><c:out value="${dto.task}"/></td>
                        </tr>
    </c:forEach>
</table>
 <input type="submit" value="送信">

 </form>
 </div>

</body> </html>

行動規範の内容に同意します

回答1件

ベストアンサー

value じゃなくて checked を使いましょう。

投稿2017/05/28 11:01

takasima20

総合スコア7458

退会済みユーザー

2017/05/28 14:03

ありがとうございます。実行できました！

退会済みユーザー

2017/05/29 14:07

大変申し訳ありません。問題が解決したと思っていたのですが、 <c:forEach items="${List}" var="dto"> <tr> <td><input type="checkbox" name="id" value="<c:out value="${dto.id}"/>"/></td> <td><c:out value="${dto.date}"/></td> <td><c:out value="${dto.task}"/></td> </tr> </c:forEach> の箇所でデータが複数表示された場合に限り、チェックなし、チェック１つ、チェック複数　それぞれの場合において送信ボタンを押下すると、alert文「チェックを付けてください」が表示されてしまいます。 forEach の部分で出力されるデータが１つだけの場合はうまく機能しました。上記の部分を改善するにはどうすれば良いでしょうか？何卒ご教授いただけると大変助かります。