WEB相談室

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

タイトル:フォーム

0:[投稿] やっちょ [2005/05/06 19:11 ][環境:IE6,WINXP わからない]

チェックボックスをチェックするとテキスト欄に入力が可能になり、チェックを外すとテキスト欄がぼやけて入力が出来なくなるようなフォームを作りたいのですが、どなたか教えてください。お願いします。


1:[回答] ミツ [2005/05/07 07:56 ]

Javascriptを使ったサンプルです。

<script type="text/javascript">
<!--
function disabled_ctrl(Checked,IdList) {
for(var i=0;i<IdList.length;i++){
var o=document.getElementById(IdList[i]);
if(o) o.disabled=(Checked)?false:true;
}
}
//-->
</script>
</head>
<body onload="disabled_ctrl(false,['text01','text02'])">

<input type="checkbox"
onchange="disabled_ctrl(this.checked,['text01','text02'])">

<input type="text" id="text01">
<input type="text" id="text02">


2:[回答] ミツ [2005/05/07 08:08 ]

あーonchangeじゃなくてonclick and onkeypressにしたほうがよかったかも。
どちらでもお好きな方で。

<input type="checkbox"
onclick="disabled_ctrl(this.checked,['text01','text02'])"
onkeypress="disabled_ctrl(this.checked,['text01','text02'])">


3:[回答] andi [URL] [2005/05/07 16:14 ]

過去ログを「チェックボックス」で検索すると幾つか出てくるようですね。

http://www.parkcity.ne.jp/~chaichan/qanda/qa5871.htm

とか?


4:[完了] やっちょ [2005/05/09 09:25 ]

ミツさん・andiさん、有難うございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World