| ポイント |
<![CDATA[
for (i=1; i<5; i++) document.myFORM.elements["myCHK"+i].checked = false;
]]>
|
| 説 明 |
チェックボックスだけチェックを外すには、あらかじめチェックボックスに「名前+番号」を付けておきます。名前と数字をキーにして「document.フォーム名.elements["名前"+番号].checked = false」として番号をチェックボックスの数だけ増やしfalseを代入しチェックを外します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>全てのチェックボックスのチェックを外す</title>
<script Language="JavaScript"><!--
function checkCB()
{
for (i=1; i<5; i++) document.myFORM.elements["myCHK"+i].checked = false;
}
// --></script>
</head>
<body>
<form name="myFORM">
データ：<input type="text"><br>
<input type="checkbox" name="myCHK1">タイプ１<br>
<input type="checkbox" name="myCHK2">タイプ２<br>
<input type="radio" name="myRD">ラジオボタン<br>
<input type="checkbox" name="myCHK3">チェック１<br>
<input type="checkbox" name="myCHK4">チェック２<br>
<input type="button" value="チェックを外す" onClick="checkCB()">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
全てのチェックボックスのチェックを外す