人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptをしようして
チェックボックスにチェックしたら
入力のテキストボックスを増やしたいのですが
その際に名前をユニークにするには
どうしたらいいでしょうか?
最初の一個目は
<input name="name1" type="text">
チェックボックスにチェックしたら
<input name="name1" type="text">
<input name="name2" type="text">
みたいな感じにしたいです。



●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:JavaScript チェックボックス テキスト ボックス ユニーク
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● KUROX
●27ポイント

<input type="hidden" name="cnt" value="1">

隠しで値を保持して、ひとつ追加したら、cntを+1して

おけば、現在のMAX値は分かります。

◎質問者からの返答

出来ればサンプルソースを書いてほしいのですが

可能でしょうか??


2 ● GEN111
●27ポイント

あらかじめ内容が決まっていれば CSSで隠しておくとか。

check2 と name2 のように ID の数字部分が同じものが表示されます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="behavior:url(./fix.htc)" >
 <head>
 <script type="text/javascript">
 function check(c) {
 document.getElementById(c.id.replace(/check/, 'name')).style.display = (c.checked ? 'inline' : 'none') ;
 }
 </script>
 </head>

 <body>
 <form>
 <input id="check2" type="checkbox" onclick="check(this)"/>
 <input id="check3" type="checkbox" onclick="check(this)"/>
 <input name="name1" id="name1" type="text" value="name1" />
 <input name="name2" id="name2" type="text" value="name2" style="display:none" />
 <input name="name3" id="name3" type="text" value="name3" style="display:none" />
 </form>
 </body>
</html>
◎質問者からの返答

このFORMをjavascriptで

”<p id="pic">a</p>”という感じで

指定したら動的に出てほしいのですが?

可能でしょうか??


3 ● GEN111
●26ポイント

このFORMをjavascriptで

”<p id="pic">a</p>”という感じで

指定したら動的に出てほしいのですが?

可能でしょうか??

できそうな気はしますが、どんな form をどんなときに出したいかが分からないので何とも言えません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ