• ベストアンサー

チェックボックスで選択したもののコードをカンマでつなぐ

おせわになります。下記の様なHTMLフォームで、(□はチェックボックスです。) code | check| a002 | □ | a004 | □ | a008 | □ | a012 | □ | 例えばa002とa004とa012にチェックをつけると、あるテキストボックスに、「a002,a004,a012」と代入するJavascriptを教えて下さい。 その際制御が難しければ「a002,a004,a012,」と最後にカンマが入ってもかまいません。受取るCGI側で最後のカンマをけしますので・・・よろしくお願いします。

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

  • ベストアンサー
  • ttyp03
  • ベストアンサー率28% (277/960)
回答No.1

作ってみました。 <html> <script> function onClick() {  var work = "";  for (i = 0; i < document.all.item( "chk" ).length; i++) {   if( document.all.item( "chk", i ).checked ){    if( work != "" ) work += ",";    work += document.all.item( "chk", i ).value;   }  }  document.all.disp.value = work; } </script> <body> <input type="text" id="disp"><br> <input type="checkbox" id="chk" value="a002" onClick="onClick();">a002<br> <input type="checkbox" id="chk" value="a004" onClick="onClick();">a004<br> <input type="checkbox" id="chk" value="a008" onClick="onClick();">a008<br> <input type="checkbox" id="chk" value="a012" onClick="onClick();">a012<br> </body> </html>

souta_n
質問者

お礼

完璧です。 ありがとうございます。 郵政民営化の是非は別として、小泉さん流にいうと「感動した!」

関連するQ&A

  • perlで受取ったパラメータをバイトコードのまま変数に代入

    HTMLフォームの、name=aのテキストボックスに「あ」と入力しCGIにSubmitすると、a=%82%A0とバイトコードに変換されわたされますよね 受け側のCGIで下記の様にそのパラメータを$aに代入すると、$aには「あ」となって代入されるのですが、あえて「あ」ではなくバイトコードの「%82%A0」で代入するようにするには、どうしたらよいのでしょうか? #!/usr/local/bin/perl require 'cgi-lib.pl'; require 'jcode.pl'; &ReadParse; $a=$in{'a'};

    • ベストアンサー
    • Perl
  • JavaScriptにて、2つのチェックボックスのチェックができません

    お世話になっております。 お分かりになる方いらっしゃいましたら、ご教授願えますでしょうか? 現在採用に関する応募フォームを作成しています。 JavaScriptにてフォーム内のチェックボックスに チェックが入っているか、必須チェックをさせたいと思っています。 テキストボックスやコンボボックスなど、いくつか必須チェックがある中で、 チェックボックスの項目についての必須チェックがうまくいきません。 チェック完了後、cgiにてメールを送信するようにしているのですが、 チェックがされず、メールを送信してしまいます。 ローカルで行ってみたのですが、チェックをスルーして、 cgiに遷移してしまいます。 フォームイメージは以下の感じです。 <応募フォーム> --------------------------- 希望勤務地:□本社 □大阪 --------------------------- 2つのチェックボックスどちらにもチェックが入っていない場合は、 エラーメッセージを出し、処理を中止します。 どちらのチェックボックスにもチェックが入っていても、 エラーは出さずにcgiへ遷移します。 以下は現在のコードの内容です。 <HTMLコード> <form method="POST" action="send.cgi" name="応募フォーム" onSubmit="return check()"> <input type="checkbox" name="希望勤務地" value="本社" checked>本社 <input type="checkbox" name="希望勤務地" value="大阪">大阪 <input type="submit" value=" 送信 "> <input type="reset" value=" 取消 "> <Scriptコード> function check(){ if(!document.応募フォーム.希望勤務地.value.checked){ flag = 1; window.alert('必須項目[希望勤務地]にチェックがされていません'); } } 色々試してみたのですが、うまくいきませんでした。 チェックボックスのnameを同じ名前にしているのが原因でしょうか? お手数ですが、宜しくお願いいたします。

  • アクセスで複数選択後、テキストボックスに入力

    いつもお世話になります。求人リストを作成しています。 募集職種をいちいち入力していく手間をはぶくため、下記のようなことをしてみたいと思っています。 ○リストボックスとは別に、テキストボックスを作成し、リストから選択された内容を、テキストボックスにカンマ区切りで代入していく。 ○あるいは、チェックボックスにチェックしたものをテキストボックスにカンマ区切りで代入していく。 検索していてQNo.13046の方が同じようなことをしていたのですが、 置き換えてやってみても「nullの使い方が正しくありません」とエラーが出てしまいます。 アドバイスよろしくお願いいたします。

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

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

  • 選択したチェックボックスのみチェックを入れたいのですが

    Access2000で作成したフォームの チェックボックスが、どれか一つ チェックを入れると、すべてに チェックが入ってしまいます。 また、どれか一つ解除をすると、 すべてが解除されてしまいます。 デザインビューでこのフォームを 開いた時は、チェックボックスと それに関連したテキストボックスは 一レコード分(一行)だけ表示されており、 フォームビューで開いた時は、 データが増えていくにつれ、 何レコード分も表示されます。 初心者ですので、どなたか よいアドバイスをください。 宜しくお願いいたします。

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

    質問失礼します。 チェックボックスが下記のようにある場合ですが、 どれかではなく複数選択で テキストボックスを表示させるにはどうしたらよいでしょうか? <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をご教示願いますでしょうか? 宜しくお願い致します。

  • チェックボックスかテキストボックスか調べる方法

    document.myForm.elements[buf].checked; ・・・ でチェックする対象が、テキストボックスなのか、 チェックボックスなのか調べたいのです。 あらかじめわかっていれば checked なり、value を追記すればおもうのですが、cgi などで吐き出した html でチェックするフォームが毎回変わる場合、 チェックボックスがいくつあるのか、テキストボックス がいくつあるのかわからない場合があります。 何か良い方法がないでしょうか。

  • チェックボックスをクリックしたら、テキストに入力出来る様にしたいです

    今メールフォームを作っています。 チェックボックスにチェックしたら、テキストフィールドに記入しないと、 エラーがでる様にJavascriptでチェックをかけたいのですが教えて頂けませんでしょうか。 下記のようなフォームにしたいです。 ■フォーム これをあなたは何処で知りましたか? チェックボックス1 新聞 チェックボックス2 テレビ チェックボックス3 その他 テキストフィールド その他を選んだ方は記入して下さい。 このチェックボックスは必須にして、 チェックボックス1~3までのどれかをチェックしないとアラートを表示したいです。 また、チェックボックス3を選択したのにテキストフィールドに入力していない場合も アラートを表示したいです。 上記のalertは送信ボタン<input name="submit" type="submit" value="情報を送信する"> を押した際に出したいです。 この様なチェックボックスのグループを同じフォームに2つ作りたいです。

  • チェックボックスの選択状況からエラーチェック

    メールフォームを作成しているのですが、 フォーム内に17つのチェックボックスが存在しています。 個々のチェックボックスはそれぞれ違う変数名を持っています。 そこで質問なのですが、 17つあるチェックボックスのうち、1つ以上選択されていたらOKで、何も選択されていない場合のみエラーになるようにしたいのですが、どのような制御文にしてよいのかわかりません。 よろしくお願いします。

    • ベストアンサー
    • CGI
  • htmlでチェックボックスを全選択

    現在perl言語とhtml言語を使用しweb上で見れるホームページを作成しています。 perl言語とhtmlを言語を使用して全てのチェックボックスにチェックをいれるボタンを作成したいのですが、 中々上手くいきません。 ※以下.cgi内の部分ソース print <<HTML_BODY; </table><br> <input type='submit' value='送信'> <input type='reset' value='リセット'> </center> </form> </body> </html> HTML_BODY ネットでも調べたのですが、JavaScriptを使用しないとできない?様な事が書かれていました。 私一人では分からないので、皆様ご教授お願い致します。

    • ベストアンサー
    • Perl

専門家に質問してみよう