- ベストアンサー
多分簡単なJavaScriptなんだと思います。
JavaScript初心者です。 チェックボックスが５つ有り、任意のチェックボックスをチェックして実行ボタンを押すと、sentakuという名前のテキストボックスにチェックしたボックスの値が代入されるjavascriptの記述を教えて下さい。 例えば、1番目と3番目と5番目に、チェックを入れて実行すると、テキストボックスsentakuには「1,3,5」と表示されるとベターです。
- souta_n
- お礼率85% (391/456)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
sweetsixteenさんのをちょっと修正しました。 <HTML> <SCRIPT language="JavaScript"> function setCheckBox2Text() { var strSep = null; var flg = document.all.frm.chk1.length; alert(flg); for(i = 0; i< flg; i++){ if(document.all.frm.chk1[i].checked == true ) { if(strSep!=null) { strSep += ","; } strSep += (i+1); } } // テキストボックスに表示 document.frm.txt.value = strSep; } </SCRIPT> <BODY> <FORM name="frm"> <INPUT name="chk1" type="checkbox" value="1">1 <INPUT name="chk1" type="checkbox" value="2">2 <INPUT name="chk1" type="checkbox" value="3">3 <INPUT name="chk1" type="checkbox" value="4">4 <INPUT name="chk1" type="checkbox" value="5">5 <BR> <INPUT name="txt" type="text"> <BR> <INPUT type="button" value="ボタン" onClick="javascript:setCheckBox2Text();"> </FORM> </BODY> </HTML>
その他の回答 (2)
- EUR
- ベストアンサー率61% (29/47)
チェックボックスオブジェクトのとり方は適当に変えてください。 function IsCheckd() { var str;//結果表示用 var FirstFlag = 0;//前にカンマをうつかどうか if (document.getElementById("チェック１").checked == ture) { str = "1"; FirstFlag = 1; } if (document.getElementById("チェック２").checked == ture) { if (FirstFlag == 0) { str = "2"; FirstFlag = 1; } else { str = str + ",2"; } if (document.getElementById("チェック３").checked == ture) { if (FirstFlag == 0) { str = "3"; FirstFlag = 1; } else { str = str + ",3"; } if (document.getElementById("チェック４").checked == ture) { if (FirstFlag == 0) { str = "4"; FirstFlag = 1; } else { str = str + ",4"; } if (document.getElementById("チェック５").checked == ture) { if (FirstFlag == 0) { str = "5"; FirstFlag = 1; } else { str = str + ",5"; } docment.getElementsByName("sentaku")[0].value = str; }
お礼
このコード読みやすいですね！ str = str + ",2"; とかＶＢぽくってうれしい。（私はＶＢを良く使うもので） checked == ture っていうのも読みやすい。
- sweetsixteen
- ベストアンサー率28% (7/25)
こんな感じでしょうか。 ただ、教えられたものをそのまま使うだけでは いつまでたっても向上しないと思いますので、 内容を吟味して、ご自分のものにするようにして下さいね！ *** ソースここから *** <HTML> <SCRIPT language="JavaScript"> function setCheckBox2Text() { var strSep = ","; // 区切り文字 var txtVal = ""; // テキストボックスに表示される値 if (document.frm.chk1.checked){ // チェックされているか？ txtVal += document.frm.chk1.value; // されている場合は、値を確保 } if (document.frm.chk2.checked){ if (txtVal != "") { // 既に値がある場合は、区切り文字を追加 txtVal += strSep; } txtVal += document.frm.chk2.value; } if (document.frm.chk3.checked){ if (txtVal != "") { txtVal += strSep; } txtVal += document.frm.chk3.value; } if (document.frm.chk4.checked){ if (txtVal != "") { txtVal += strSep; } txtVal += document.frm.chk4.value; } if (document.frm.chk5.checked){ if (txtVal != "") { txtVal += strSep; } txtVal += document.frm.chk5.value; } // テキストボックスに表示 document.frm.txt.value = txtVal; } </SCRIPT> <BODY> <FORM name="frm"> <INPUT name="chk1" type="checkbox" value="1">1 <INPUT name="chk2" type="checkbox" value="2">2 <INPUT name="chk3" type="checkbox" value="3">3 <INPUT name="chk4" type="checkbox" value="4">4 <INPUT name="chk5" type="checkbox" value="5">5 <BR> <INPUT name="txt" type="text"> <BR> <INPUT type="button" value="ボタン" onClick="javascript:setCheckBox2Text();"> </FORM> </BODY> </HTML> *** ソースここまで ***
お礼
ありがとうございます。 >ただ、教えられたものをそのまま使うだけでは >いつまでたっても向上しないと思いますので、 >内容を吟味して、ご自分のものにするようにして下さいね！ 理解できるようがんばります。m(-_-;)m いつも的確な答えをもらえるので、ついつい頼ってしまうんですよね。このサイト・・・
関連するQ&A
- javascript歴 2ヶ月
プログラミング初心者です。 javascriptファイルとhtmlファイルを分けて 記述しているのですが、 性別が男か女かというラジオボタンと「実行」 というボタンとひとつのテキストボックスを 作成し、どちらかをクリックし実行ボタンをクリック すると選択されたラジオボタンのvalueプロパティがテキス トボックスに表示されるというプログラムを作っています。 しかし！ 初期表示を女にしたいので、 <input type="radio" checked name="rdo1" value="女" onClick="rdo_Change(this)">女 としたのですが、これで動かしてもうまくいかず、 テキストボックスにはundefinedと表示されます。 ぜひ、正しい書き方を教えていただけないでしょうか。 あと、チェックボックスにチェックがひとつもない場合 アラートで"ひとつ以上選択してください"という記述例 もお願いします。 どうかお願いいたします（泣）
- ベストアンサー
- JavaScript
- javascriptのわかる方へ
ASP初心者です。 現在、ASPで開発をしています。 script言語はjavascriptを使っています。 ASPだけでなく、javascriptも初心者なので、本を読んでもさっぱりわかりません。 そこで質問いたします。 テキストボックスに値を入力させ、ボタンがクリックされたら、次のページで入力内容を表示させたいのですが、 １．次のページを表示させるにはどのように記述するのでしょうか？ ２．入力された値を次のページで参照するにはどのように記述すればよいのでしょ うか？ よろしくおねがいします。m(_ _)m
- 締切済み
- その他(ソフトウェア)
- JavaScriptについて教えてください。
JavaScriptについて教えてください。 ringo.html、orange.htmlがあります。 それぞれに、テキストボックスと、submitボタンが一つずつあります。 行いたいことですが、 どちらかの、submitボタンをクリックすると、 それぞれの、テキストボックスの値を表示したいです。 ※hiddenを使用して実現したいです。 【イメージ】 ringo.htmlのテキストボックスに「100」を入力 orange.htmlのテキストボックスに「200」を入力 いずれかの、submitボタンをクリックすると ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ringoの入力値は、１００です。 orangeの入力値は、２００です。 _＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ といったイメージです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptでこんなことできませんか？
キーワードを入れるテキストボックスがひとつあって、キーワードを入力してボタンをクリックすると、同一ページ内の複数の別フォームのテキストボックスにその値が代入されるということはできるでしょうか？言わんとすることわかっていただけるでしょうか？
- ベストアンサー
- JavaScript
- javascriptでのボタンの位置、大きさと
サイトに占いのjavascriptを記述したのですが javascriptで占いボタンの位置を上下左右任意の位置に配置する方法と占いボタンの大きさを任意のサイズに変更したいです。 それと占い結果で表示されるポップアップ内にテキストリンクを挿入したいです。 どのように記述すればいいのでしょうか？ お分かりの方いましたらお願い致します
- 締切済み
- ホームページ作成ソフト
- １つのファイルにデザイン(HTML)と計算処理(PHP)を記述していますが、分けたいと思っています。
PHP初心者です。 １つのファイルにデザイン(HTML)と計算処理(PHP)を記述していますが、分けたいと思っています。 何か方法がありますでしょうか？よろしくお願いします。 (画面仕様) HTMLファイルにFRAME1とFRAME2という名前の2つのインラインフレームを配置しています。 FRAME1はHTMLファイル、FRAME2はPHPファイルを使用します。 FRAME1にはテキストボックス、FRAME2はボタンが表示されます。 (動作手順) 以下のような動作をします。 (1)FRAME1のテキストボックスの内容を変更、又はFRAME2のボタンを押す。 OnChange()又はOnClick()イベント時にJavaScript処理が実行される。 <JavaScript処理> FRAME2のURLを更新(テキストボックス内容をURLの引数にする) (2)FRAME2は更新されたのでボタンが再表示される。 PHPとJavaSctiptが記述されているので実行される。 <PHP処理> URL引数で渡された値を判定、計算 <JavaScript処理> FRAME1のテキストボックスにPHPで計算した値を表示 FRAME2に使っているファイルにHTMLとPHPとJavaScriptが一緒にかかれています。これを何とかしたいです。
- ベストアンサー
- PHP
- javascriptで、表示されている文字を変更する。
javascriptで、表示されている文字を変更する。 初歩的な質問になると思いますが、ご教授ください。 javascriptで、例えば、 フォーム内の特定のテキストボックスに、ある値を代入する場合は、 frm1.text1.valur="あああ"; // フォームの名前.テキストボックスの名前.value また、特定の文字<font id="moji1">あああ</font>を表示／非表示する場合は、 document.getElementById('moji1').style.visibility='visible'; // 又は、'hidden' と言った感じで、javascriptで、 特定の文字を変更したいのですが、行き詰っております。 例えば、 <font>あああ</font> を <font>いいい</font> に変更。 どなたかご存知の方、ご教授ねがいます。 よろしくお願いします。
- ベストアンサー
- JavaScript
- Javascriptテキストの値で表示文字を変更
Javascript初心者です。テキストに入力された数字（１～７）をもとに、そのテキストボックスの横に文字を表示させたいです。（１なら「非常にあてはまる」、２なら「ややあてはまる」・・・等） 且つ、1つのHTML内にそのテキストボックスが50個あります。。 それぞれ個別に文字を表示させたいのですが、簡易に記述する方法はありますでしょうか。 同様の質問を拝見しましたが、テキストの値で且つ複数が同一ページで挙動できる方法を見つけることができませんでした。お分かりになる方ご教示いただけますと大変助かります。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ＶＢライクなツール
ＪＡＶＡのＧＵＩでＡＷＴとかＳｗｉｎｇとかがあるが Ｖｕｓｕａｌ Ｂａｓｉｃみたいな フレームに任意の位置に部品を配置して、プログラム原型を作成してくれるツールはあるか。 やりたいことは ３つのテキストボック、３つのボタン、３つのラベルを配置して １番目のボタンが押下されたときは ３番目のテキストボックスに１番目のテキストボックスの値と２番目のテキストボックスの値の和を設定して ３番目のラベルに”加算”と表示する ２番目のボタンが押下されたときは ３番目のテキストボックスに１番目のテキストボックスの値と２番目のテキストボックスの値の差を設定して ３番目のラベルに”引き算”と表示する ３番目のボタンが押下されたときは 終了する というものである。 どうも、部品の配置が東西南北、中央とか、横１列、縦１列、格子状はあるが 任意の位置に部品を配置するツールはあるか
- ベストアンサー
- Java
- Javascript? チェックボックスと・・・・
HTMLのチェックボックスやラジオボタンのタグで、 チェックをつけずに次の画面へアクションをおこすと ”チェックつけなさい”ポップアップ画面を表示させたいのですがJavaScriptなのでしょうか？ 記述方法をよろしくお願いします。
- ベストアンサー
- Java
お礼
おぉ！これこれ！これですよ！ 実はチェックボックスは５つじゃなくて、Ｗｅｂページ内に100個ほどあるのです。 ループでまわさないとものすごく長いコードになるので頭痛めてたんです。 ビューティフル！ワンダフル！ステキダ！ ありがとうございました。