• ベストアンサー

チェックボックスに連動するテキストエリア

初心者なので教えて下さい。 よく、アクセス解析などで、「テキストエリア内のタグをコピーしてお使い下さい」というものがありますが、これを、複数のチェックボックスを用意して、下にテキストエリアを用意して、チェックボックスの複数選択の組み合わせでテキストエリアの内容を切り替え表示する、というものを作りたいのですが、どなたか教えていただきたけますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
noname#84373
noname#84373
回答No.3

３２個目は要注意！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>TEST</title> <style type="text/css"> </style> <body> <form id="chk"> <p> <input type="checkbox" id="c0">Check0<br> <input type="checkbox" id="c1">Check1<br> <input type="checkbox" id="c2">Check2<br> <input type="checkbox" id="c3">Check3<br> <input type="checkbox" id="c4">Check4<br> <input type="checkbox" id="c5">Check5<br> <input type="checkbox" id="c6">Check6<br> <input type="checkbox" id="c7">Check7<br> <input type="checkbox" id="c8">Check8<br> <input type="checkbox" id="c9">Check9<br> <input type="checkbox" id="c10">Check10<br> <input type="checkbox" id="c11">Check11<br> <input type="checkbox" id="c12">Check12<br> <input type="checkbox" id="c13">Check13<br> <input type="checkbox" id="c14">Check14<br> <input type="checkbox" id="c15">Check15<br> </p> <textarea value="" id="t0" cols="30" rows="10"></textarea> </form> <script type="text/javascript"> //@cc_on addEvent( 'chk', 'click', setText); function addEvent(elementId, evt, eventHandler, flag){ var element = ( typeof( elementId ) == 'string' )? document.getElementById( elementId ): elementId; element./*@if(1)attachEvent('on'+ @else @*/addEventListener(/*@end@*/evt, eventHandler, flag); } function setText(){ for(var i=0,n=0;i<16;i++) n=n*2+document.getElementById('c'+i).checked*1; with( document.getElementById('t0') ){ value = n+'番目のファイルから読み込む！'; focus(); select(); } } </script>

areanet
質問者

お礼

なるほど!!! 解決しました。^o^ ありがとうございます ほんと32個目は要注意ですね(爆

その他の回答 (2)

noname#84373
noname#84373
回答No.2

他のファイルを読み込む技量があるのなら大丈夫だね。 それぞれのcheckboxの値を２進法のビットに見立てて 数値を形成すればいいのでは？ それなら３２個までなら余裕っしょ！？

noname#84373
noname#84373
回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>TEST</title> <style type="text/css"> </style> <body> <form> <p id="chk"> <input type="checkbox" id="c0">Check0<br> <input type="checkbox" id="c1">Check1<br> <input type="checkbox" id="c2">Check2<br> </p> <textarea value="" id="t0" cols="30" rows="10"></textarea> </form> <script type="text/javascript"> //@cc_on addEvent( 'chk', 'click', setText); function addEvent(elementId, evt, eventHandler, flag){ var element = ( typeof( elementId ) == 'string' )? document.getElementById( elementId ): elementId; element./*@if(1)attachEvent('on'+ @else @*/addEventListener(/*@end@*/evt, eventHandler, flag); } function setText(){ var str =''; if( document.getElementById('c0').checked ) { str += 'Click c0\n' } if( document.getElementById('c1').checked ) { str += 'Click c1\n' } if( document.getElementById('c2').checked ) { str += 'Click c2\n' } with( document.getElementById('t0') ){ value = str; focus(); select(); } } </script>

areanet
質問者

お礼

ご返信ありがとうございます。 テキストエリアに表示されるテキストは、別ファイルで複数選択の全組み合わせの数だけあり、その組み合わせによって、該当するファイルを呼び出してテキストエリアに表示する、という事をしたいと思っています。 質問の通り、テキストエリアには貼付け用タグを表示したいので、ご回答の内容ではちょっと違うのです。 どのようにすれば良いでしょうか?

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • チェックボックスONでテキストエリアを大きく

    チェックボックスをONにするとフォームテキストエリアのサイズが変更できるようにすることは可能でしょうか？ できるようでしたら、やり方を教えてください

  • テキストボックスに入力するとチェックボックスのチェックが入るようにするには

    Excelのユーザフォームについて質問させていただきます。 チェックボックスとテキストボックスがそれぞれ複数あります。 テキストボックスに入力すると、横にあるチェックボックスに 自動的にチェックが入るようにしたいのですが、 どのようにすればいいのでしょうか。　　　　　　　　

  • ラジオボックス・チェックボックス・テキストボックス

    いつも拝見して勉強させていただいています。 勉強不足でうまくjavaがかけないので質問させていただきます。 下記のように機能させたいと考えています。 1.ラジオボックス１とラジオボックス２のみが初めは選択可能。 　他のチェックボックス１～６とテキストボックスは選択不可能。 2.ラジオボックス２を選ぶとチェックボックス１～６が選択可能。テキストボックスは記入不可能。 3.チェックボックス６を選ぶとテキストボックスは記入可能。 配置は以下のような感じになっています。 ○ラジオボックス１ ○ラジオボックス２--- 　　　　　　　　　　　　　　□チェックボックス１ 　　　　　　　　　　　　　　□チェックボックス２ 　　　　　　　　　　　　　　□チェックボックス３ 　　　　　　　　　　　　　　□チェックボックス４ 　　　　　　　　　　　　　　□チェックボックス５ 　　　　　　　　　　　　　　□チェックボックス６----- 　　　　　　　　　　　　　　　　　　　　　　　　　「 　　　　　　　　　　　　　　　　　　　　　　　　　　　 テキストボックス 　 」 下記サイトを参考にしているのですが組み合わせるとうまくできません。 http://phpjavascriptroom.com/?t=js&p=radiocheckbox 初歩的な質問で申し訳ありませんがよろしくおねがいします。

    • ベストアンサー
    • Java
  • チェックボックスの状態とテキストフィールド等の連動

    分かりにくいタイトルですいません；下のようなフォームがあるとします。 [チェックボックス][テキストフィールド][プルダウンメニュー] それで、このチェックボックスをオフにすると左側のテキストフィールドとプルダウンメニューの両方を無効にできるようにしたいのです。お分かりの方、ぜひご伝授願います。

  • テキストボックスの内容でチェックボックスの既定値

    下記質問の続きです。 http://okwave.jp/qa/q8186736.html Accessで、 チェックボックスにチェックを入れることで テキストボックスに文字を表示させています。 そのフォームをいったん閉じると、 テキストボックスには 前回チェックボックスで入力した文字が反映されているのですが チェックボックスのチェックがすべて外れてしまっています。 フォームを開いたとき、 テキストボックスの内容によって、 配置したチェックボックスにチェックを入れたいです。 テキストボックスに 「A C」 と入っていたら ■A □B ■C □D □E としたいです。 （開いたあとは、また別の所にチェックを入れたり外したりします） チェックボックスのプロパティ「既定値」のところに IF([テキストボックス] like "*"&"A"&"*",ture,false) などとしてみたのですがうまういきませんでした。 ご教授お願いいたします！

  • チェックボックスのvalueをテキストに追加したい

    チェックボックスをオンにすると、そのオンした順番でそのチェックボックスのvalueをあるテキストの前に追加していきたいです。 下のように、テストという文字の前にチェックボックスのvalueを入力。 その際、チェックをオフにしたらテキストからも、そのvalueの値が消えるようにしたいのですが、 何か良い方法はありますか？ 例えば、あいうの順番で選択すると、「あいうテスト」になって、いうあの順番で選択すると「いうあテスト」になり、 いのチェックボックスをオフにすると、「あうテスト」や「うあテスト」になるようにしたいです。 □ あ □ い □ う text1=あいうテスト

  • テキストの内容に応じてチェックボックスにチェック

    初心者です。 入力されたデータを修正する画面を作成しています。 javascriptを使って 呼び出したデータのテキストボックス（text）の内容に応じて チェックボックスにチェックが入るようなフォームを作成したいです。 text【簡易書留】 だったら ■簡易書留 □速達 □宅急便 text1【簡易書留,速達】 だったら ■簡易書留 ■速達 □宅急便 と、このようにしたいです。 どのようにすればいいのでしょうか？ よろしくお願いいたします！

  • チェックボックス・テキストボックスについて

    html初心者です。よろしくお願いします。 htmlで「何をやったのかを項目毎に管理したい」と考えています。以下に例です。 項目１：チェック１ 項目２：チェック２ 　　　　・ 　　　　・ 　　　　・ 「項目」にはテキストボックス。<input type="text"> 項目でやるべきことが終わったら、 「チェック」にはチェックボックス。<input type="checkbox"> で管理していこうと思ったのですが、ファイルを閉じ、再びファイルを開くたびに、初期化されてしまって困っています。 htmlで解決できるのか、それとも何かの設定などで解決できるのか、他にいい方法があるのか、どのやり方でも構いません。 「項目に記入した内容」、「チェックをしたもの」についての内容を保存しておくやり方を教えて頂けないでしょうか？ よろしくお願い致します。

  • JAVA？チェックボックスについて

    DBが使えないHTMLのみのローカル環境です。 ちょっとした業務の切り分けにHTMLを使いたいのです。 チェックボックスが4つあるとします。 そのうち一つをチェックすると、それに適応したチェックボックス４つが下部にあたらしく表示され、 さらにそのチェックボックスから一つ選択すると、 下部のテキストエリアに適応した文章が表示される、というようなものは可能ですか？ テキストエリアに反映させる際にボタン押下が必須ならそれでも問題ありません。 （押下の手間がなければ、それが一番ではありますが） ある程度は理解しているのですが、お助けください。 できれば、チェックボックスを選択しなおすと結果がリセットされてやり直せるとうれしいです。 不可能だ！というならそういうお答えでもかまいません。 まったくもって、不可能かどうかもわからないので… 宜しくお願いいたします。

  • チェックボックスを選択するとテキストボックスが表示

    質問失礼します。 チェックボックスが下記のようにある場合ですが、 どれかではなく複数選択で テキストボックスを表示させるにはどうしたらよいでしょうか？ <input type="checkbox" name="example" value="" />テレビ　←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />新聞　←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />CM　←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />その他　←チェックしたらテキストボックス表示 色々なJavaScriptを試したのですが、 どうも挙動がおかしく、クリックを続けると表示がされたりできなかったり、 という具合になります。 それぞれテキストボックスを表示させたいチェックボックスに 反映できるJavaScriptをご教示願いますでしょうか？ 宜しくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する