サブ画面でチェックボックスを複数選択し、選択完了ボタンで親画面に戻るという処理を作っています。
選択完了ボタンでチェックボックスのチェックの数が0でなかったらsubmitするようにしたのですが、submitできません。
状況はsubmit直前でalertは表示され、選択完了ボタンをクリックするとサブ画面は終了します。
開発者ツールのコンソールにエラーは出ません。
以下のソースで悪いところをご指摘いただけないでしょうか。
$('#select').click( function() {
// チェックされているチェックボックスの数
if ($('input[class="chk"]:checked').length > 0) {
$('#SELECT_FORM').submit();
window.close();
} else {
// チェックなしの警告
alert('チェックボックスにチェックを入れてください。');
return false;
}
});
<html>
<form name="SELECT_FORM" id="SELECT_FORM" action="プログラム" method="POST">
<center>
<table class="noline2" width="430">
<tr>
<td align="left">
<input type="button" class="btn_selectclear btn_s lov" name="allclear" id="allclear" value="選択クリア">
<input type="button" class="btn_selectall btn_s lov" name="allchk" id="allchk" value="全選択">
</td>
<td align="right">
<input type="button" class="btn_selectend btn_s lov" name="select" id="select" value="選択完了">
<input type="button" class="btn_close btn_s lov" name="close" id="close" value="閉じる" onclick="window.close()">
</td>
</tr>
</table>
<br>
<table class="select" border="1" width="400" cellspacing="0">
<tr>
<th class="title_k" width="50">コード</th>
<th class="title_k" width="300">名称</th>
<th class="title_k" width="50">選択</th>
</tr>
<tr>
<td class="td_k inp_c"> 1</td>
<td class="td_k">ああああ</td>
<td class="td_k inp_c"><input type="checkbox" name="CHECK001" id="CHECK001" class="chk" ></td>
</tr>
<tr>
<td class="td_k inp_c"> 2</td>
<td class="td_k">いいいい</td>
<td class="td_k inp_c"><input type="checkbox" name="CHECK002" id="CHECK002" class="chk" ></td>
</tr>
<tr>
<td class="td_k inp_c"> 3</td>
<td class="td_k">うううう</td>
<td class="td_k inp_c"><input type="checkbox" name="CHECK003" id="CHECK003" class="chk" ></td>
</tr>
</table>
</center>
</form>
</html>