WEB相談室

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

タイトル:CHECKボックスの入力不可

0:[投稿] むささび [2002/05/02 04:08 ][環境:WIN+IE WIN系+Java]

フォームを作成しているのですが、
ラジオボタンである一方を選択した場合に
特定の項目(その真下の選択項目等)を非表示、若しくは選択不可に
したいのです。

よくアンケートである、「問2.問1でAと答えた方のみお答えください」
という場合に、Bを答えた人に問2の選択をできなくしたいのです。

うまく説明になっているかどうかわかりませんが、よろしくご教示ください。

尚、一応説明のフォームを以下に作ったので、ご覧ください。
http://ww21.tiki.ne.jp/~ae111/form.html

イロイロ模索していてあと一歩のところまで来ているのですが、行き詰っています。お力をお貸しくださいませ。

<!--
function disableField(flag)
{
    document.FORM.b.disabled = flag;
}
//-->

<input type="radio" name="a" value="あ" onClick="disableField(false)">
<input type="radio" name="a" value="い" onClick="disableField(true)">

<input type="checkbox" name="b" value="う">

ラジオボタンの”い”を選択したときに、チェックボックスを入力不可にしたいのです。
テキストフィールドなら以上の記述で実現できたのですが、
チェックボックスをオフに出来ません・・・

よろしくお願いいたします。


1:[回答] ひよこ [2002/05/03 23:38 ]

JavaScriptを含めて「旨くいかない」サンプルをあげたらいかがでしょう。
原因は別の所にある気がしますよ。


2:[質問] falseドッグ [2002/05/16 17:04 ]

<html>
<head>
<title>aaa</title>
<script Language="JavaScript"><!--
function setTF(cOBJ,fName)
{
    document.myFORM[fName].disabled = !cOBJ.checked;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="radio" onClick="setTF(this,'etc')">い<br>
<input type="checkbox"" name="etc" disabled>
</form>
</body>
</html>


3:[回答] falseドッグ [2002/05/16 17:27 ]

こんなのもあります

<html>
<head>
<title>ららら</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--
function clickradio(obj){
var flag=obj[1].checked //2番目のチェック状態を調べる
if(document.all||document.getElementById){
document.test.age.disabled=flag
document.test.month.disabled=flag //disabledではなくreadOnlyでもいい
}if(document.layers){
//(日本語が入力できなくてもよければコメント解除してください) document.test.year.onkeydown=flag?new Function("return false"):null
document.test.year.onfocus=flag?new Function("this.blur()"):null
tmp2=document.test.year.value
document.test.year.onchange=document.test.year.onblur=flag?new Function("this.value=tmp2"):null
}else{
var flag=obj[0].checked //1番目のチェック状態を調べる
if(document.all||document.getElementById){
document.test.year.disabled=flag //disabledではなくreadOnlyでもいい
}if(document.layers){
//(日本語が入力できなくてもよければコメント解除してください) document.test.age.onkeydown=flag?new Function("return false"):null
document.test.age.onfocus=flag?new Function("this.blur()"):null
tmp1=document.test.age.value
document.test.age.onchange=document.test.age.onblur=flag?new Function("this.value=tmp1"):null
//(日本語が入力できなくてもよければコメント解除してください) document.test.month.onkeydown=flag?new Function("return false"):null
document.test.month.onfocus=flag?new Function("this.blur()"):null
tmp3=document.test.month.value
document.test.month.onchange=document.test.month.onblur=flag?new Function("this.value=tmp3"):null
}}
}

//-->
</script>
</head>
<body onload="clickradio(document.test.slt)">

<form method="POST" action="http://www.senri-shokusan.jp/mente/f_mailer.cgi" name=test>

<input type=radio name=slt onclick="clickradio(slt)" value="あ" checked>あ:
<input type="checkbox" name=age>う<input type="checkbox" name=month>ん<br>

<input type=radio name=slt onclick="clickradio(slt)" value="い">い:
<input type="checkbox" name=year>か<br>
</b>
<td><input type="SUBMIT" value="確認"> <input type="RESET" value="クリア"></td>

</form>


</body>
</html>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World