印のついているチェックボックスの印を消すには?

[上に] [前に] [次に]
RYO [E-Mail] 2000/01/20(木) 18:25:24
いつもお世話になっています、RYOと申します。
え〜と、今回は、チェックボックスに印がついている(あらかじめ)ものをボタン一つで全部のチェックボックスを印が無い状態にしたいのですが、何かよい方法は無いでしょうか?
HTMLのタグで「CHECKED」を付けているものも印が無い状態にしたいので・・・。
よろしくお願いします。

かえる 2000/01/20(木) 21:46:05
フォーム名.elements[index] でフォーム内のエレメントを参照できるので、
エレメントの type が checkbox でチェックされているものを  value=false に設定します。

<form name=form1>
<input type=checkbox checked>
<input type=checkbox checked>
<input type=checkbox checked>
<input type=button onclick="switchCheck()">
</form>
<script>
function switchCheck()
{
 for(var ix = 0; ix < form1.elements.length; ++ix){
  if( form1.elements[ix].type == "checkbox" && form1.elements[ix].checked )
   form1.elements[ix].checked = false;
 }
}
</script>

これでどうでしょうか?

RYO [E-Mail] 2000/01/21(金) 09:37:02
かえるさんレスありがとうございます。
いつもお世話になってます(^^;
コピーしてやってみたのですが、まず、【for(var ix = 0; ix < form1.elements.length; ++ix){】の部分で、「文字が正しくありません」というエラーが・・・。
無視するとボタンを押したときに「オブジェクトを指定してください」というエラーが・・・。
elementsについての説明を見てもよく分からないので(^^;
すみませんが、教えてください。

2000/01/21(金) 10:40:56
>まず、【for(var ix = 0; ix < form1.elements.length; ++ix){】の部分で、
>「文字が正しくありません」というエラーが・・・。
【FORM1】を自分のHTMLの<form name="ホニャララ">の【ホニャララ】と同じ名前にしましたか?

>無視するとボタンを押したときに「オブジェクトを指定してください」というエラーが・・・。
これも多分FORM1が見つからなかったからだと思います。
(間違ってたらゴメン)

かえる 2000/01/21(金) 10:45:30
すいません。構文に誤りはないはずなんですが、表示上見やすくするためのインデントを
全角スペースにしてしまっった為に、そのままコピー&ペーストするとエラーになってしまいます。
とりあえずscriptタグ内の空白を消してみてください。今度からちゃんと半角スペースでインデントしときます。

RYO [E-Mail] 2000/01/21(金) 11:09:16
[[解決]]
@さん、かえるさんレスありがとうございました。
かえるさんの言う通り、そのままコピー&ペーストしていました。
全角スペースを半角スペースに直したら、できました。
ありがとうございました。

[上に] [前に] [次に]