チェックボックス(又はプルダウンメニュー)で
a,b,c,その他
の項目があり、その他をチェックした人のみが、テキストボックスに入力できるようなものを作成したいのですが、そのような説明があるサイトをご存知の方、又は何かヒントを下さい。

A 回答 (2件)

こんにちはkapakapaさん、xruzです。


こんな感じでしょうか?
(Ie5.5sp2でのみ動作確認済み)

<html>
<head>
<title>visibility</title>
</head>
<script language="JavaScript">
<!--
function offTxt() {
document.frm.txt.style.visibility="hidden";
document.frm.txt.value="";
}
function onTxt() {
document.frm.txt.style.visibility="visible";
}
//-->
</script>
<body>
<form method="post" name="frm">
<input type="radio" name="rdo" value="a" onClick="offTxt();">a</input><br>
<input type="radio" name="rdo" value="b" onClick="offTxt();">b</input><br>
<input type="radio" name="rdo" value="c" onClick="offTxt();">c</input><br>
<input type="radio" name="rdo" value="x" onClick="onTxt();">Other</input>
<input type="text" name="txt" style="visibility:hidden"></input>
</form>
</body>
</html>

がんばってくださいね(~:~i
    • good
    • 0
この回答へのお礼

おはようございます。xruzさん。お礼が遅くなりましてすみません。
私、風邪をひいていまして、仕事をお休みしていました。
本当にありがとうございます。風邪にはお気をつけて!!

お礼日時:2001/11/09 08:52

詳しいサイトは知らないので、ヒントだけ...。



JavaScriptや、VBScriptで実現可能です。

この辺で、探されては如何ですか?

一応HTMLやJaveで、私が良く参考にさせて頂いてるサイトだけ記述致します。

参考URL:http://tohoho.wakusei.ne.jp/
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
とほほのページは私もよく利用しています。
2つのプルダウンメニューを連動させるのはJavaScriptで出来たのですが、テキストボックスの入力を制限するのが分からなくて・・・。
また何かおすすめサイトがあったら教えて下さい。

お礼日時:2001/11/06 15:01

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qチェックボックスの値を(1,0)のようにすべて送信する方法

formをsubmitすると、チェックボックスの値は、
チェックされた項目のvalue値が配列の形で送信されますよね。

たとえば、
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="111" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="222" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="333" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="444">
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="555" CHECKED>
だと、 [111,222,333,555] のように。

今回は、表形式でデータを表示し、
チェックされた行の、他の列の値(フィールド)も取得したいのです。

他の列のフィールドは、チェックされていない行でも入力されている可能性があります。
そうすると、そのフィールドの値も配列にして送ってしまうと、
チェックボックスの値と数が合わなくなり、横方向での関連付けが出来なくなってしまいます。

なので、チェックボックスの送信値を、配列の要素数は全件で、
チェックされたかされていないかということが分かるように
することは不可能でしょうか?

JavaScriptは規約により、使うことが出来ない状況で困っています(><)
何か案があれば教えてください。

formをsubmitすると、チェックボックスの値は、
チェックされた項目のvalue値が配列の形で送信されますよね。

たとえば、
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="111" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="222" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="333" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="444">
<INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="555" CHECKED>
だと、 [111,222,333,555] のように。

今回は、表形式でデータを表示し、
...続きを読む

Aベストアンサー

チェックボックスの値をチェック有無にかかわらず全件送ることはHTMLの規約上、不可能ですので、
僕はcheckboxのvalueを行番号にし、
別に以下のようにhidden項目を追加して
  <input type="hidden" name="hItemNo" value="101">
こっちに関連付けたい(例えば商品番号とか)を書くようにしました。

hiddenは全件が送られてきますから、全行分の配列が作れます。
checkboxがチェックされていたら、値として行番号が送られてくるので、それでhItemNoを索引して
関連付けたい番号を取得して処理します。

QIEにおけるプルダウン、テキストボックスの限界値

1つのHTMLにおいてプルダウンやテキストボックスを事実上いくつまで許されるのでしょうか?
試しに100個ほどプルダウンを書くと、まずファイルを開く時にかなり時間がかかり、画面のスクロールでもスクロールにプルダウンがついてこない感じで画面が崩れます。テキストボックスではプルダウンほどではないのですが、このようなオブジェクトの定義の限界値ってどれくらいなのでしょうか?

わかりにくい質問でスミマセン。

Aベストアンサー

ユーザビリティーはともかくとして、
1つのセレクトフォームにセットできる値(行数)が
WinIE6では24ビットの1億6777万か、32ビットの42億9千万くらいだったと思いますので、
フォームエレメントの数もそのくらいなら大丈夫だと思います。

メモリ不足で落ちても知りませんので、テストするならそれなりの高スペックのパソコンをご用意下さい。

Qドロップダウンメニューで特定項目を選択できないようにしたい

下記のドロップダウンメニューで
「野球について」「サッカーについて」の行は見出しの役割なので
選択できないようにしたいのですが、どうしたらいいでしょうか。

<option disabled>野球について</option>

としてみましたが、ダメでした。


<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<option>野球について</option>
<option value="./1.html"> ├アウト</option>
<option value="./2.html"> ├セーフ</option>
<option value="./3.html"> ├ストライク</option>
<option value="./4.html"> └ボール</option>
<option>サッカーについて</option>
<option value="./5.html"> ├ゴール</option>
<option value="./6.html"> ├フリーキック</option>
<option value="./7.html"> ├オフサイド</option>
<option value="./8.html"> └ファール</option>
</select>
</body>
</html>

下記のドロップダウンメニューで
「野球について」「サッカーについて」の行は見出しの役割なので
選択できないようにしたいのですが、どうしたらいいでしょうか。

<option disabled>野球について</option>

としてみましたが、ダメでした。


<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<option>野球について</option>
<option value="./1.html"> ├アウト</option>
<option value="./2.html"> ...続きを読む

Aベストアンサー

optgroupってご存じないですか?
一度こちらでテストしてみてはいかがでしょうか?

<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<optgroup label="野球について">
<option value="./1.html">├アウト</option>
<option value="./2.html">├セーフ</option>
<option value="./3.html">├ストライク</option>
<option value="./4.html">└ボール</option>
</optgroup>
<optgroup label="サッカーについて">
<option value="./5.html">├ゴール</option>
<option value="./6.html">├フリーキック</option>
<option value="./7.html">├オフサイド</option>
<option value="./8.html">└ファール</option>
</optgroup></select>
</body>
</html>

optgroupってご存じないですか?
一度こちらでテストしてみてはいかがでしょうか?

<html>
<body>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option value="./0.html">ルールトップ</option>
<optgroup label="野球について">
<option value="./1.html">├アウト</option>
<option value="./2.html">├セーフ</option>
<option value="./3.html">├ストライク</option>
<option value="./4.html">└ボール</option>
</optgroup>
<optgroup label="サッカーについて">...続きを読む

Qチェックボックスのチェック

チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます

1
2ここにチェックを入れて削除すると
3

1
3戻るを押した時にここにチェックが入ってしまいます



javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか?


<input type=button value="戻る" onClick="history.back()">

よろしくお願いします

Aベストアンサー

bodyのonloadイベントなどでチェックを外すscriptを実行するのはどうでしょうか

Qチェックボックスの一括チェック

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zencheck" onClick="zen_cl1()" value="全部選択/解除">

このように書くと
エラーが起こるのです

いい方法はないでしょうか

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zen...続きを読む

Aベストアンサー

 ご参考に↓
http://javascript.eweb-design.com/1212_ac.html

参考URL:http://javascript.eweb-design.com/1212_ac.html


人気Q&Aランキング

おすすめ情報