WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ラジオボタンの無効化とリセットボタンについて

0:[投稿] okahon [2006/06/07 13:51 ] [環境:IE6、WIN XP わからない]

はじめて質問させて頂きます。
JavaScript初心者なのでわかり辛い点は
ご了承願います。
ラジオボタンがの項目が複数あり(仮にA,B,C)ます。
それぞれ「あり」「なし」の2択が行えるものです。
Aが「なし」の時はB,Cともに「あり」「なし」が選択可能状態です。
Aが「あり」の時はB,Cともに「なし」にチェックされ
「あり」は選択不可能状態となります。
ここまではよいのですが、仮にこの画面をなんらかの
更新画面で使う場合にデフォルトの値が
A:「なし」、B:「あり」、C:「なし」だったとします。
Aが「なし」なのでB,Cいづれも「あり」「なし」が選択可能です。
ここでAを「あり」に変更すると
A:「あり」、B:「なし」、C:「なし」になりB,Cの「あり」は
選択不可能になります。
この状態でリセットボタンを押下するとデフォルトの
A:「なし」、B:「あり」、C:「なし」に戻りますが
B,Cの「あり」が選択可能に戻りません。
Aのチェック状態をみて、disableなどの設定をしているのですが
リセットボタンを押下して選択状態が変更される前に判定しているので
このようになってしまいます。
ですのでリセットボタンを再度押下すると期待する処理になります。
このような事象を解決することは可能でしょうか。
ご教授をよろしくお願いいたします。


1:[回答] m035 [2006/06/07 21:42 ][URL]

function reset_func(){
フォームの参照.reset();
ラジオボタンのdisabled変更関数();
return false;
}
のように関数を定義しておき、
<input type="reset" value="初期化" onclick="return reset_func()">
のようなボタンを配置すればどうでしょう?
JavaScriptが無効でもresetできます。


2:[完了] okahon [2006/06/08 10:18 ]

ご回答ありがとうございます。
関数の中でreset()をしてあげればよいのですね。
大変参考になりました。
ありがとうございます。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]