strutsを使ってテキストエリアを表示・非表示に

解決済

質問者：somehow123
質問日時：2008/07/07 09:21
回答数：2件

いつもお世話になっております。
またまた詰まってしまいましたので、どなたかご教授お願いいたします。

ラジオボタンを使ってチェックを入れる項目があります。
その中の一つにチェックを入れると、隣、もしくは横にテキスト入力欄が表示されるようにしたいのです。
そして、そのチェックが外れて他の項目がチェックされると表示されたテキスト入力欄が消えるようにしたいと思うのですが、どうすれば良いのでしょうか?

<html:radio property="searchType"　value="1"　onclick="javascript:Change1" />注文番号
<html:radio property="searchType" value="2" onclick="javascript:Change2" />品名
<html:text property="searchId" />

ここまでで、function部分をどうかけば良いかわかりません。。。
お助けください。おねがいします。
一人で勉強してるので、なにぶん効率が悪いです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： chomakichi
回答日時：2008/07/08 13:29

申し訳御座いません。

先ほどのHTMLはあくまでstrutsを通して出力されたHTMLソースを例として書いたものでして、これだけでわかると思ってました。

<html:html>
<head>
<script type="text/JavaScript">
function Change1() {
document.form1.searchId.style.visibility = "visible";
}
function Change2() {
document.form1.searchId.style.visibility = "hidden";
}
</script>
</head>
<body>
<html:form name="form1" action="?????">
<html:radio property="searchType" value="1" onclick="javascript:Change1()"/>注文番号
<html:radio property="searchType" value="2" onclick="javascript:Change2()"/>品名
<html:text property="searchId"/>
</html:form>
</body>
</html:html>

こんな感じになるのかな。
動作は未確認ですが、これを基に動くようにすればいいと思います。

- 0
- 件

通報する

この回答へのお礼

すいません、ありがとうございます！
再度、いじって動かせるよう努力してみます。

大変助かります。

通報する

お礼日時：2008/07/08 16:09

No.1

回答者： chomakichi
回答日時：2008/07/07 18:15

こんなんでどうですかね～

<html>
<head>
<script type="text/JavaScript">
function Change1() {
document.form1.searchId.style.visibility = "visible";
}
function Change2() {
document.form1.searchId.style.visibility = "hidden";
}
</script>
</head>
<body>
<form name="form1">
<input type="radio" name="searchType" value="1" onclick="javascript:Change1()" checked/>注文番号
<input type="radio" name="searchType" value="2" onclick="javascript:Change2()"/>品名
<input type="text" name="searchId" value=""/>
</form>
</body>
</html>