チェックボックスのチェック。応用編

質問

こんにちわ。
チェックボックスがチェックされているかのチェックを行いたいのですが、チェックボックスをデータベースにある内容をループで表示させ、チェックされたデータをPOSTで送信するために少々submitの使い方が違います。
削除ボタンを押すと確認画面がでてOKを押した場合にチェックボックスにチェックされていなければ警告画面を出したいのですが、どうもうまくいきません。
よい方法をご教授ねがえないでしょうか。
==FORM=======================================
<form method ="POST" name="form1" onSubmit="return check()" action ="****" >
<%
Iterator it =sagyoubi.iterator();
// 検索された行数分ループ
while(it.hasNext()){
String item= (String)it.next();
%>
<INPUT TYPE="CHECKBOX" NAME="sagyoubii" VALUE="<%= item %>"><a href="****" target="Main">
<%
} // end while
%>
<INPUT TYPE="button" VALUE="削除" style="font-size:18" onclick="if(confirm('これらのデータを削除してもよろしいですか？')) { submit(); }">
</form>

==SCRIPT=================================
<SCRIPT TYPE="text/javascript">
<!--
function check(){
var flag = 1;
if(document.form1.sagyoubii.checked){
flag = 0;
}
if(flag){
window.alert('チェックされていません');
return false; // 送信を中止
}
else{
return true; // 送信を実行
}
}
//-->
</SCRIPT>

回答No.2

trisagion · ベストアンサー

#1です。
仕様が解りましたので、あなたのサンプルをtype="button"で動くようにしてみました。（#1の回答は的がずれてました。すみません。）

<SCRIPT language="javascript" type="text/javascript">
<!--
function check(){
　var count = (document.form1.sagyoubii)? document.form1.sagyoubii.length: 0;
　if(count == 0){
　　alert('項目がありません。');
　　return false;//この行を追加
　}
　var flag = 0;
　for(i = 0; i < count; ++i){
　　if(document.form1.sagyoubii[i].checked){
　　　flag = 1;
　　　break;
　　}
　}
　if(flag){
　　return confirm('これらのデータを削除してもよろしいですか？');//OKを押されればtrue、キャンセルならfalseを返す
　}else{
　　alert('一つもチェックされていません。');
　　return false;
　}
}
//-->
</SCRIPT>

<FORM method ="POST" name="form1" action ="">
<INPUT type="button" value="削除" onClick="if(check()){submit()}">
</FORM>

<INPUT type="button">のonClickイベントでcheck()を呼び出すと大丈夫だと思います。

お礼

なるほど、buttonでもできますね！
ご親切にご回答していただきありがとうございました。

回答No.1

trisagion

チェックボックスは複数ある可能性があるので、
document.form1.sagyoubii[x].checked
上記のような配列としての扱いになると思います。

どのようなチェック状態ならOKなのか良く解らなかったのですが、すべての項目がチェックされているかを調べるなら以下のような感じでどうでしょう。
function check(){
　var count = document.form1.sagyoubii.length;
　if(count == 0){
　　alert('項目がありません。');
　}
　for(i = 0; i < count; ++i){
　　if(document.form1.sagyoubii[i].checked){
　　　alert('チェックされていな項目があります。');
　　　return false;
　　}
　}
　return true;
}

一つでもチェックされてれば良いのなら以下のサンプルです。
function check(){
　var count = document.form1.sagyoubii.length;
　if(count == 0){
　　alert('項目がありません。');
　}
　var flag = 0;
　for(i = 0; i < count; ++i){
　　if(document.form1.sagyoubii[i].checked){
　　　flag = 1;
　　　break;
　　}
　}
　if(flag){
　　return true;
　}else{
　　alert('一つもチェックされていません。');
　　return false;
　}
}

お礼

お返事ありがとうございます。
どのような状態がOKなのかを記入せず申し訳ないです。
ざっくり言うと
・チェックボックスは複数ある場合もある。
・１つでもチェックボックスがあればOK
・削除ボタンを押すと確認画面がでる
　→確認画面でOKを押した場合、1つでもチェックされていれば画面の遷移
　→確認画面でOKを押した場合、１つもチェックされていなければ、警告画面がでる。
といった感じです。
ご教授いただいたサンプルで試したのですが、
チェックが無い状態で削除ボタンを押し、確認画面でOKを押すと、画面遷移を行ってしまいます。（遷移を行っても当然画面を作っていないのでエラーになります。）
どうやら
<INPUT TYPE="button" VALUE="削除" onclick="if(confirm('データを削除します？')) { submit(); }">
でSCRIPTのcheck()を行っていないように思われます。

ちなみにTYPEをsubmitでも試したのですが、１つもチェックが無い状態ではチェックの警告画面がでるのですが、１つ以上チェックしても警告画面が出てしまいます。

補足

すみません。TYPEをsubmitはできました。
そして、Buttonをやめて下記のようにしたら無事にできました。
<INPUT TYPE="submit" VALUE="削除">

<SCRIPT TYPE="text/javascript">
<!--
function check(){
　var count = document.form1.sagyoubii.length;
　if(count == 0){
　　alert('項目がありません。');
　}
　var flag = 0;
　for(i = 0; i < count; ++i){
　　if(document.form1.sagyoubii[i].checked){
　　　flag = 1;
　　　break;
　　}
　}
　if(flag){
　　confirm('これらのデータを削除してもよろしいですか？')
　　return true;
　}else{
　　alert('一つもチェックされていません。');
　　return false;
　}
}
//-->
</SCRIPT>

でも、
<INPUT TYPE="button" VALUE="削除" onclick="if(confirm('データを削除します？')) { submit(); }">
で同様の処理ができないのか疑問な今日この頃。