ＣｈｅｃｋＢｏｘの入力チェックについて

解決済

質問者：_pecochan_
質問日時：2009/09/08 23:38
回答数：2件

CheckBoxの入力チェックについて
CheckBoxの数は可変です。
全て未チェックのときにalertを表示したいです。
今はチェックしてもalertが表示されてしまいます。
よろしくお願いします。

<html>
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>チェックボックス入力チェック</title>
<SCRIPT TYPE="text/javascript">

</SCRIPT>
</head>
<body>
<form name="form1" method="POST" action="test.htm" onSubmit="return item_check()">
<p><input type="checkbox" name="item[]" value="1">項目1</p>
<p><input type="checkbox" name="item[]" value="2">項目2</p>
<p><input type="checkbox" name="item[]" value="3">項目3</p>
<p><input type="checkbox" name="item[]" value="4">項目4</p>
<p><input type="checkbox" name="item[]" value="5">項目5</p>
<input type="submit" name="kakunin" value="確認">
</form>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： yuu_x
回答日時：2009/09/09 03:39

function item_check( form )

{
// var を省略するとグローバル変数になります。
var count = 0;
// 毎回 document からたどるのは非効率的。ついでに匿名性を持たせるために form を引数で渡すように変更。
var eles = form.elements[ 'item[]' ];
for (var i=0;i < eles.length; i++){ // [i] と = が余分。原因はここ
if(eles[i].checked){
count++;
}
}
if(count==0){
alert("項目を選択してください。");
return(false);
}

return(true);
}

<form name="form1" method="POST" action="test.htm" onSubmit="return item_check(this);">