| ポイント |
<![CDATA[
count = 0;
for (i=0; i<3; i++) if (document.myFORM.elements[i].checked) count++;
]]>
|
| 説 明 |
「document.フォーム名.elements[参照番号].checked」でチェックボックスの状態を調べtrueであればカウントしていきます。これでチェックされている数がわかります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>チェックされている数を調べる</title>
<script Language="JavaScript"><!--
function check()
{
count = 0;
for (i=0; i<3; i++) if (document.myFORM.elements[i].checked) count++;
alert(count+"個チェックされています");
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="checkbox">天<br>
<input type="checkbox">赤木<br>
<input type="checkbox">開司<br>
<input type="button" value="チェック数を調べる" onClick="check()">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
チェックされている数を調べる