チェックボックスについて

[上に] [前に] [次に]
kaori [E-Mail] 1999/09/01(水) 14:33:44
複数のチェックボックスを置いたときに
そのうちの1つだけを選択できるように（複数選択不可）するには
どうしたら良いのでしょう。
みんこ 1999/09/01(水) 14:52:49
それってラジオボタンじゃあ？
kaori [E-Mail] 1999/09/01(水) 15:45:18
そうですね。ラジオボタンで出来ました。

更にもう1つ質問です。
例えば

□Ａ　（□a □b）
□Ｂ

のようにまずＡ、Ｂでどちらか選択して、Ａの場合のみa、bどちらかを
選択できるようにしたいのですが、可能でしょうか？
Tmb 1999/09/01(水) 15:58:07
JavaScript使えばそういう凝ったことも可能ですけど，そうする必要がありますか？

・A,Bとa,bの２組みのラジオボタンにして，Bが選ばれたときは単にa,bの結果を無視すればよい。
・書き方を少し工夫すればよい。
　□A（a)
　□　 (b)

　□B

などなど。
変にJavaScriptに頼るよりよっぽどスマートだと思います。
ばーばぱぱ 1999/09/01(水) 15:58:22
可能だと思います。
a、bの初期値をdisabled=trueにしておいて
Ａにチェックがついたらdisabled=falseにすれば
いいんじゃないかな。
kaori [E-Mail] 1999/09/01(水) 16:17:00
解答ありがとうございます。
とりあえずはTmbさんのように書き方を変えてやってみました。

ばーばばばさんの解答はどのように書けば良いのか分からないので
今、調べています。
何か参考になるものがあれば教えて下さい。
kaori [E-Mail] 1999/09/01(水) 16:41:12
解答ありがとうございます。
とりあえずはTmbさんのように書き方を変えてやってみました。

ばーばばばさんの解答はどのように書けば良いのか分からないので
今、調べています。
何か参考になるものがあれば教えて下さい。
kaori [E-Mail] 1999/09/01(水) 16:44:44
解答ありがとうございます。
とりあえずはTmbさんのように書き方を変えてやってみました。

ばーばばばさんの解答はどのように書けば良いのか分からないので
今、調べています。
何か参考になるものがあれば教えて下さい。
ばーばぱぱ 1999/09/01(水) 17:14:58
先程はアバウトな回答で申し訳ありませんでした。
私が考えているのは以下のようなものです。
参考になるかどうかわかりませんが・・・

<HTML>
<BODY>
<SCRIPT Language="JavaScript">
<!--
function Kyoka(){
if(document.FORMNAME.oya(0).checked==true){

document.FORMNAME.ko(0).disabled=false;
document.FORMNAME.ko(1).disabled=false;
}
else{
document.FORMNAME.ko(0).disabled=true;
document.FORMNAME.ko(1).disabled=true;
}
}
// -->
</SCRIPT>
<FORM name="FORMNAME">
A<INPUT type="radio" name="oya" value="A" onclick="Kyoka()">
a<INPUT type="radio" name="ko" value="a" disabled=true>
b<INPUT type="radio" name="ko" value="b" disabled=true>
B<INPUT type="radio" name="oya" value="B" onclick="Kyoka()">
</FORM>
</BODY>
</HTML>
kaori [E-Mail] 1999/09/01(水) 17:52:57
ばーばばばさん、わざわざありがとうございます。

ちょっとやってみたんですが、なんかうまくいかないんです。
A、Bどちらを選んでもa、bは選択不可になってしまうんですよ。
私の書き方が間違っているのかもしれないので、もうちょっと
がんばって、試したいと思います。
Nobu3 [E-Mail] [HomePage] 1999/09/02(木) 00:42:02
やり方は、ばーばぱぱさんので合ってます。
とりあえずコピーして試してみてください。
ボタンと文字の場所が逆なので、対応するボタンの場所が把握できてないような気がします。
わかりにくければ「Ｂ」の前に<br>で改行をいれてみましょう。

あと、この方法は、IE4/5用だと思うので、その辺も注意してください。
ばーばぱぱ 1999/09/02(木) 10:29:24
>ちょっとやってみたんですが、なんかうまくいかないんです。
>A、Bどちらを選んでもa、bは選択不可になってしまうんですよ。
おかしいですね。私の環境だとうまくいくんですけど・・・

ちなみに追加で、
>else{
>document.FORMNAME.ko(0).disabled=true;
>document.FORMNAME.ko(1).disabled=true;
>}
に
document.FORMNAME.ko(0).disabled=true;
document.FORMNAME.ko(1).disabled=true;
を追加したほうがきれいかなと思ったので、
試してください。
kaori [E-Mail] 1999/09/02(木) 10:54:06
[[解決]]
nameに日本語を使っていたのが悪かったようです。
ローマ字に直したらうまくいきました（笑）。

皆さん、ありがとうございました。
[上に] [前に] [次に]