WEB相談室

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

タイトル:プルダウン

0:[投稿] でこさん [2005/05/13 16:05 ][環境:IE6,WINXP わからない]

プルダウンメニューとチェックボックスを連動させるHTMLで、プルダウンメニューの中からある項目を選択した場合のみ、チェックボックスをチェックできるようにしたいです。(他の項目の場合はチェックできない状態です)
どなたか教えてください。


1:[回答] ひとむ [2005/05/14 01:37 ]

こんなのでいかがでしょうか。


<html>
<head>
<script language="JavaScript">

function chkAdult(age) {
    
    objForm = window.document.myForm;
    
    if (age == "over") {
        objForm.alcohol.disabled=false;
    } else {
        objForm.alcohol.disabled=true;
    }
}

</script>
</head>
<body>
<form name="myForm">
年齢:
<select name="mySelect" onChange="chkAdult(this.form.mySelect.value)">
    <option value="under" selected="selected">19才以下</option>
    <option value="over">20才以上</option>
</select>
<br>
<input type="checkbox" name="alcohol" value="yes" disabled="disabled">お酒を飲みます。
</form>
</body>
</html>


2:[回答] ひとむ [2005/05/14 01:41 ]

追記です。
19才以下のときにチェックをいじれなくする(disabled=true)だけでなく、チェックをはずす場合は
elseの方に
        objForm.alcohol.checked=false;
がひつようですね。


3:[完了] でこさん [2005/05/16 13:22 ]

解決しました。ひとむさん、ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World