WEB相談室

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

タイトル:SELECTボックスを選択不可

0:[投稿] あきこ [2002/05/01 22:00 ][環境:WIN+IE わからない]

こんばんは。教えていただきたいことがあります。

JavaScriptを使って、Radioボタンを押すとSelectボックスが選択不可になるようにしたいのですが。

Radioボタンが、A・B・C Selectボックスが、A・Bとあるとします。
RadioボタンAを押すとSelectボックスAが選択不可に、RadioボタンBを押すとSelectボックスBが選択不可に、RadioボタンCを押すとSelectボックスAとB両方が選択不可にしたいのですが、どのようなScriptを組んだらいいかわかりません。

どなたかご教授ください。よろしくおねがいします。


1:[回答] |・_・| [2002/05/01 23:05 ]

<head>
<script type="text/javascript">
<!--
function selDisabled(flag_A,flag_B) {
    if (flag_A) document.forms[0].select_A.disabled = true;
    if (flag_B) document.forms[0].select_B.disabled = true;
}
//-->
</script>
</head>

<body>

<form action="">
<p>
<label for="d_A">
    <input type="radio" value="d_A" name="sd_ra" id="d_A"
        onclick="selDisabled(1,0)">Disabled A
</label>
<label for="d_B">
    <input type="radio" value="d_B" name="sd_ra" id="d_B"
        onclick="selDisabled(0,1)">Disabled B
</label>
<label for="d_AB">
    <input type="radio" value="d_AB" name="sd_ra" id="d_AB"
        onclick="selDisabled(1,1)">Disabled A,B
</label>
</p>
<p>
<select name="select_A">
    <option>-A-</option>
    <option>項目1</option>
    <option>項目2</option>
</select>
<select name="select_B">
    <option>-B-</option>
    <option>項目1</option>
    <option>項目2</option>
</select>
</p>
</form>

</body>


2:[質問] あきこ [2002/05/01 23:40 ]

|・_・|さん、ありがとうございます。
私の質問の仕方がまずかったみたいです。
これだと、全部選択不可になってしまいます。
RadioボタンをBを押したとき、SelectボックスAが選択可能に、その逆のRadioボタンAを押したとき、SelectボックスBが選択可能にすることはできますか?

説明不足ですみません。


3:[回答] ひよこ [2002/05/04 00:10 ]

function selDisabled(flag_A,flag_B) {
   if (flag_A){ document.forms[0].select_A.disabled = true;}else{document.forms[0].select_A.disabled = false;}
   if (flag_B){ document.forms[0].select_B.disabled = true;}else{document.forms[0].select_B.disabled = false;}
}

trueとfalseを理解していればすぐ思いつくはず。(^-^)


4:[回答] ひよこ [2002/05/04 00:28 ]

せっかくだから理解が出来たら、こんな感じでもいける。
function selDisabled(flag_A,flag_B) {
   document.forms[0].select_A.disabled = flag_A;
   document.forms[0].select_B.disabled = flag_B;
}


5:[完了] あきこ [2002/05/06 09:25 ]

ひよこさん、ご回答ありがとうございました。
おかげさまで勉強になりました。(^^)
もう少し自分で考えられるように努力します。
ありがとうございました。m(_ _)m

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World