選択された物は、他では選択できなくする

質問

複数の項目で　input　などで複数の選択肢から選択をしてValueに代入、しかし次の項目では選択できなく（消去、ないしディミングして選べない）ようにするにはどうすればよいですか？
　　　A（３を指定）　　　B（１を指定）　　　C
　　　１　　　　　　　　　　１　　　　　　　　
　　　２　　　　　　　　　　２　　　　　　　２
　　　３　　　　　　　　　　　　　　　　　　　　
　　　４　　　　　　　　　　４　　　　　　　４
　　　５　　　　　　　　　　５　　　　　　　５
のように表示してほしいです。
よろしくお願いします。

回答No.4

amanojaku1 · ベストアンサー

「<input type="checkbox">」の checked の値より CheckboxChecked_Member の値を優先するようにしようと思っていたのですが、「Check022、Check023」において CheckboxDisable 関数内で「<input type="checkbox">」の checked の値を優先している部分があったので修正しました。
CheckboxChecked_Member の値を優先するメリットは「<input type="checkbox">」自体を使わなくても良いと言う事です(少し JavaScript の修正は必要です)。
つまり現状では「<input type="checkbox">」は飾りと言う事です、ただし CGI などにデータを渡したい場合は「<input type="checkbox">」は必要となります。

テキストは下記のアドレスです、グループ「A、B、C」をグループ「0、1、2」としています、選択肢を3つにしています。

Check025
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000056&tsn+00000058&

実際に動くページは下記のアドレスです。

http://ashtarte.hotcom-web.com/test/Check025.htm

お礼

ありがとうございます
早速実際のページまで作っていただいて、目的通りになっていますので、これを参考に実際の物を作成したいと思います

回答No.5

amanojaku1

> つまり現状では「<input type="checkbox">」は飾りと言う事です

この場合、「<input type="checkbox">」の disabled の値を使っているので飾りと言う訳ではありませんでした。

ちなみに「<input type="checkbox">」を使わない場合のテキストは下記のアドレスです、グループ「A、B、C」をグループ「0、1、2」としています、選択肢を3つにしています。

Toggle025
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000056&tsn+00000059&

実際に動くページは下記のアドレスです。

http://ashtarte.hotcom-web.com/test/Toggle025.htm

お礼

追記ありがとうございます、当方でChromeも確認しました。

回答No.3

amanojaku1

「Check022」に不要な「document.write('<br>');」があったので修正しました。
テキストは下記のアドレスです、グループ「A、B、C」をグループ「0、1、2」としています、選択肢を3つにしています。

Check023
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000056&tsn+00000057&

実際に動くページは下記のアドレスです。

http://ashtarte.hotcom-web.com/test/Check023.htm

回答No.2

amanojaku1

テキストは下記のアドレスです、グループ「A、B、C」をグループ「0、1、2」としています、選択肢を3つにしています。

http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+sara/&bid+00000056&tsn+00000056&

実際に動くページは下記のアドレスです。

http://ashtarte.hotcom-web.com/test/Check022.htm

回答No.1

superside0

radioボタンとかcheckboxのことなら 、そのボタンのJavaScriptのonclickイベント処理で、

自分がチェックされたら、全エレメントから自分以外の同一value値のエレメントを探して
　item[i].setAttribute('disabled', 'disabled');
　item[i].checked = false;

自分のチェックが外れたら、同一value値のエレメントから
item[i].removeAttribute('disabled');
とすれば、よいかと。

selectタグのときは、optionを作り直す形になるのでちょっと面倒です。