Javascriptを使って動的にラジオボタンを配置する方法

解決済

質問者：asaichi
質問日時：2005/05/20 17:08
回答数：4件

こんにちは。
Javascriptを模索しながら仕事で作業しています。
(突然、要員として投入されてしまいました <(ToT)> )

タイトルにあるように、ラジオボタンをJavascript
を使って、ラジオボタンの配置数を動的に変化させ
たいのですが、ネットを検索しても、ラジオボタン
の配置数を動的にしているサイトがないので、難航
中す。「ラジオボタンの配置数を固定として…」が
ほとんどでした。

画面を表示するときに、JavaBeanでラジオボタンの
情報を獲得できるので、この情報に従い表示したい
です。表示中に、ラジオボタンの配置を変更するこ
とはなく、submitにより、入力内容のチェックを行っ
た後、サーブレットを起動する流れになっています。

すみませんが、手助けお願いします。

通報する

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

質問の本文を隠す

回答 (4件)

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

No.4ベストアンサー

回答者： T0ngT0ng
回答日時：2005/05/20 21:13

#2です。

そうですか、影響範囲が大きすぎる。。。大変ですね。。。
(なんとなく、それでもJSPなりサーバ側をいじるほうが影響範囲狭そうに思いますが。)

そうすると、たとえば、以下のようにラジオボタンを埋め込みたい箇所に目印となる<div>なり<span>なりをidをつけて書いておいて、そこのinnerHTMLを書き換えてあげる、ぐらいではどうでしょう?
IE6/Opera7ではとりあえず動きましたが、NNとか動かない可能性が高いです。
--
<form action="">
<div id="target">
</div>
<input type="submit" value="go">
</form>
<script type="text/javascript">
var rdio=document.all.item("target");
alert(rdio);
rdio.innerHTML=
"<input type='radio' name='aa' value='1'>1<input type='radio' name='aa' value='2'>2";
</script>

- 1
- 件

通報する

この回答へのお礼

有難うございます。

参考になります。
ブラウザもかなり幅広く使われるようなので、
この回答の方法は、保留にさせて頂きます。

通報する

お礼日時：2005/05/25 13:48

No.3

回答者： cyokokichi
回答日時：2005/05/20 19:12

下のURLのページの「ノードの追加と削除」をご覧ください。

やったことはないですが、いかがでしょうか。

参考URL：http://www.parkcity.ne.jp/~chaichan/src/javascdo …

- 0
- 件

通報する

この回答へのお礼

有難うございます。

今のところ、理解しがたいところがあるので、
URLにあるようなのは、保留にさせて頂きました。

通報する

お礼日時：2005/05/25 13:40

No.2

回答者： T0ngT0ng
回答日時：2005/05/20 18:27

なにか、話がおかしいですね。

。。
JavaScriptでJavaBeanは使えるはず無いのでServlet/JSPでなにか処理を行っているんだと思います。
で、表示中にラジオボタンの配置が変わらないのであれば、
ServletなりJSPなりで、ラジオボタンを表示するHTMLを
出力しちゃえばいいだけでは?

数が一定ではないラジオボタンからJavaScript上で値を取得してチェックする方法を気にされてるのですか？

この回答への補足

>ServletなりJSPなりで、ラジオボタンを表示するHTMLを…
Servletでやろうとしたのですが、影響範囲が大きすぎたのでJavaScriptで実現しようかと…
No１のところで、補足させていただきました。

>数が一定ではないラジオボタンからJavaScript上で…
チェックの方法はネットにサンプルがあったので、今の所問題なさそうと予想しています。

補足日時：2005/05/20 19:11

通報する

- 0
- 件

通報する

No.1

回答者： taka451213
回答日時：2005/05/20 18:11

こんにちは。

うーむ・・・、意味不明です・・・。
>>Javascriptを使って
JavaScriptですか？
>>ラジオボタンの配置数を動的に変化させたいのですが
イメージが湧かない・・・。

もう少し補足をお願いします・・・。
(^^ゞ

この回答への補足

>JavaScriptですか？
はい。
なぜかと言うと、セレクトボックスの作りが
JavaScriptで生成されていたので、上司から
の命令で、使っています。
>イメージが湧かない・・・。
このようなイメージです。
結果として、「document.write( str_Html );」しか
表示されなくなるんです…

↓
a.js
function Arrays(text, value )
{
　this.text=text;
　this.value=value;
}

a.jspが展開
<title>分類</title>
<script language="javascript1.1">

</script>
:
function Page_Load() {
　Arrays=new Array();
　Arrays_dataset();
　Arrays_Dsp();
}
:
<body topmargin="2" onLoad="Page_Load()">
<form name="form1" method="post">
:
<tr>
<td>
<input type="radio" name="l_type" value="0" tabindex="6" ">表示
<input type="radio" name="l_type" value="9" tabindex="7" ">非表示
</td>
</tr>
<tr>
<td class="no_td">分類区分</td>
<script language="javascript1.1">

</script>
</tr>