• ベストアンサー

チェックボックスのチェックをつけたら

まだJavaScriptかじりたてで,未熟ですみません。 出来るかどうかも分からないのですが, HPから小ウィンドウを開き、その小ウィンドウ内にチェックボックスと名前があります。 「チェックボックス」にチェックをつけた人の名前を、ボタンもなにも押さずに閉じるで、小ウィンドウを閉じたらもとのHPの指定した場所に名前を表示する事ってできるのでしょうか？ ちなみに人は複数選択する可能性もあります. もしできたら、実践してみたいのですが、教えていただけないでしょうか？すみません。よろしくおねがいします。

  • totis
  • お礼率47% (43/90)

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

  • ベストアンサー
  • wolfwood
  • ベストアンサー率50% (199/398)
回答No.1

親ウィンドウで子ウィンドウを名前を付けて開きます。 子ウィンドウでは'onUnload'（ページ移動時イベント）を用いて、閉じた時に'document.form名.checkbox名.checked'でチェックの判定を行います。 チェックされていたら、親ウィンドウの指定textbox（opener.document.form名.textbox名.value）に値を渡します。 'opener'は自らを開いた親ウィンドウを指定しています。 例） ------------------------------------ 親ウィンドウ <HTML> <HEAD> <SCRIPT language=JavaScript> function w_open(){ w=window.open("test.html", "test", "width=200,height=200"); } </SCRIPT> </HEAD> <BODY> <FORM name="form_1"> <INPUT type="text" name="t_1"> <INPUT type="text" name="t_2"> <INPUT type="button" value="開く" onClick="w_open()"> </FORM> </BODY> </HTML> ------------------------------------ 子ウィンドウ(test.html) <HTML> <HEAD> <SCRIPT language=JavaScript> function check(){ if(document.form_2.c1.checked){ opener.document.form_1.t_1.value=document.form_2.c1.value; } if(document.form_2.c2.checked){ opener.document.form_1.t_2.value=document.form_2.c2.value; } } </SCRIPT> </HEAD> <BODY onUnload="check()"> <FORM name="form_2"> <INPUT type="checkbox" value="テスト１" name="c1">テスト１ <BR> <INPUT type="checkbox" value="テスト２" name="c2">テスト２ </FORM> </BODY> </HTML> ------------------------------------

totis
質問者

お礼

wolfwoodさんありがとうございます。 すっごくわかりやすい解説をしていただき感激です. とても勉強させたいただきました。 また何か困ったら相談させて下さい宜しくお願いします. 本当にありがとうございました.

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

関連するQ&A

  • チェックボックスのチェックを次のページへ引き継ぐ

    分かり難いかと思いますが、説明させていただきます。 仮に、Ａ.html Ｂ.htmlの二つページがあるとします Ａ.html □あああ □いいい □ううう □えええ □おおおお このＡ.htmlページでチェックをつけたボタンのチェックをＢ.htmlの同じフォーマットのチェックボックスに反映させたいのです。 チェックボックスは複数選択可能となっています CGIなどは使わないようにJavaScriptで処理したいのです。

  • 複数式のチェックボックス

    　こんにちは。 お昼からjavateaです。 ＰＧ初級者なので教えてください。(o⌒∇⌒o) 今複数式のチェックボックスを作っているのですが、これをボタンがクリックされたときに表示するようにしたいです。例えばボタンが押されたら４６都道府県（４６個）のチェックボックスが同画面に小さく出てきて複数個選択できる。そして選択したものの情報が値として送られる。 分かりにくくてすいませんが、このような物は出来ますでしょうか？？よろしくお願いします。（*＾▽＾*） あ、分からないところは「複数個チェックボタンを作るところ」や「値の受け渡し」ではなく「プルダウンみたいな感じでチェックボックスを表示させるところです。」＊＊

  • ワード２０１０でチエックボックスを作る

    チエックボックスを作成したいのですが、開発タブよりコントロールより以前のバージョンのフォームより、チエックボックスのボタンを指定の場所にクリック。 プロパティを開きたいのですが、プロパティボタンをクリックしてもチエックボックスフォームフィルードしか表示できません。プロパティの表示する方法を教えてください。よろしくお願いいたします。

  • チェックボックスのチェックした項目の名前を取得したいです。

    チェックボックスのチェックした項目の名前を取得したいです。 HTML+Javascript+CGIでアンケートフォームを作っています。 送信ボタンを押したときに確認画面を表示させたいのですが、チェックボックスの項目をどう扱って良いのかわかりません。 性別を選択するラジオボタンの値の取得（男をチェックしたか、女をチェックしたか）は sex = document.mailform.sex[0].checked ? document.mailform.sex[0].value : document.mailform.sex[1].value このように出来るとのことですが、チェックボックスはどうしたら良いのでしょうか？ 好きな食べ物を聞くチェックボックスで、選択項目に ・リンゴ・バナナ・ミカン・イチゴ を用意し、チェックされた項目を 好きな食べ物：リンゴ イチゴ の用に出力したいと思っています。 よろしくお願いします。

  • チェックボックスとボタンの組み合わせによってリンク先を決める

    当方、script等にはまったく持って初心者です。 以下の仕様のJavascriptが作りたいのですが、全然わからないのです・・・。 チェックボックスAとボタンAを押す・・・・1のリンク先へ チェックボックスBとボタンAを押す・・・・2のリンク先へ チェックボックスCとボタンAを押す・・・・3のリンク先へ チェックボックスAとボタンBを押す・・・・4のリンク先へ チェックボックスBとボタンBを押す・・・・5のリンク先へ チェックボックスCとボタンBを押す・・・・6のリンク先へ 見た目的にはこんな感じです。 ------------------- □暇なときに回答ください □困ってます □すぐに回答ほしいです [Aボタン][Bボタン] ------------------- という感じです。 チェックボックスは複数選択する予定はありません。 （なので、チェックボックスではなく、ラジオボタンでも可です）。 チェックボックスを複数選択しない・・というとこへのツッコミはなしでお願いします＾＾； 何卒よろしくお願いいたします。

  • チェックボックスの入力チェックとデータの転送について

    質問させてください. ちょっとわかりにくいかもしれないのですが、 ・親ウィンドウ（A.html）と子ウィンドウ（B.html）があります。 ・子ウィンドウではチェックボックスを使って選択するページです。チェックは複数選択するときもあります。 ・チェックをつけたチェックボックスの”value”を親ウィンドウのセル（td　id=ma1）に表示させる。 ということをやりたいと思っています。 その場合に、 まず、子ウィンドウで、チェックボックスがチェックされているか確認するScriptは、チェックボックスの数だけつくって、チェックされていたらひとつづつ親ウィンドウのセルに表示させていくのがいいのでしょうか？ また、二つ目のvalueの情報を、違うセル（td　id=ma2）に表示させる場合はどうすればいいのでしょうか? もし、もっと違う効率的なやり方があったら教えていただきたいと思い質問させていただきました。

  • ファイルメーカープロVer.8のチェックボックスセット

    チェックボックスセットで選択した項目だけを抜き出す方法はありますか？ 動作としては、 1.チェックボックスセットで作成した複数の項目の中からいくつか選択する。 2.「OK」ボタンのようなボタンを押す。 3.選択された項目だけが新しいテーブルにまとめて表示される。 です。 初歩的な質問だと思いますがお願いします。

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

    こんばんは。いつもお世話になっておりますが、こちら（JavaScript）では、初めての投函です。 よくヤフーやホットメールなどのwebmailの受信ボックスなどに、削除するためのチェックボックスが備わっておりますが、全てのチェックを入れるために、最初の一行目のチェックボックスにチェックを入れることで全てにチェック。チェックを外す事で全てを外す。という動作が行われていると思います。 私、PHPの方ではよく質問させていただく事もあり、お恥ずかしいながら、上記質問をPHPで・・と思っていたら、これら動作はJavaScriptであることをお教え頂きました。 これまでJavaScriptには無縁であったこともあり、色々なサイトにお邪魔しているものの、設定ボタン、解除ボタンによる設定・解除の説明はあるものの、チェックボックスによる、これらの動作の説明がなく、改めてこちらにて質問させて頂くに至りました。 色々と試してはいるものの、チェックボックスにチェックを入れると全てにチェックが入るが、解除するまでに至っておりません。 お忙しい中恐縮ですが、ご指導のほど宜しくお願い申し上げます。

  • チェックボックスのチェック

    チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます 1 2ここにチェックを入れて削除すると 3 1 3戻るを押した時にここにチェックが入ってしまいます javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか？ <input type=button value="戻る" onClick="history.back()"> よろしくお願いします

    • ベストアンサー
    • HTML
  • JavaScript　チェックボックスで複数選択

    今晩は、 JavaScript　チェックボックスで複数選択で、１つもチェックされなかった場合にメツセージが出るようにしたいのですが、どのような記述にしたら良いでしょうか、 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する