• ベストアンサー

Javascript? チェックボックスと・・・・

HTMLのチェックボックスやラジオボタンのタグで、 チェックをつけずに次の画面へアクションをおこすと ”チェックつけなさい”ポップアップ画面を表示させたいのですがJavaScriptなのでしょうか? 記述方法をよろしくお願いします。

  • fm0606
  • お礼率13% (100/761)
  • Java
  • 回答数3
  • ありがとう数1

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

  • ベストアンサー
  • the845t
  • ベストアンサー率33% (246/743)
回答No.3

簡素なフォームだと回答じゃなくアドバイスなりますが、 <script language="JavaScript"> <!-- function ChkIpt(){ if(!document.Frm1.A.value){ alert("チェックつけよう。"); return false; } elseif(!document.Frm1.B.value){ 同文 } else{ return true; } } // --> </script> <FORM METHOD=POST NAME=Frm1 ACTION=insert.cgi onSubmit="return ChkIpt()"> .... <input>の要素の数だけ、elseifの数を増やしていく。 この部分は、要素の数が決まっていたり、 チェックする個所が決まっている場合、 forを使ってもっと簡素にできたりもします。 が、これでも別に良いかな。

その他の回答 (2)

  • jxt
  • ベストアンサー率48% (42/86)
回答No.2

JavascriptでonSubmitかonClickのハンドラを使います。 1)onSubmitでチェックするフィールドが空である場合に alert()を出してfalseを返す 2)onClickでチェックするフィールドが全て埋まっている場合に document.form.submit()を実行する。そうでなければalert()を出す。 のどちらかで出来るはずです。

参考URL:
http://tohoho.wakusei.ne.jp/js/
  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

JavaScriptですね。 試しにどういうチェックボックスやラジオボタンなのでしょう。 フォームのサンプルを提示して見てください。 サンプル記述したところで改造する必要が出ると思います。 それよりそのフォームにあった解を出した方が良いでしょう?

fm0606
質問者

補足

ありがとうございます。 <HTML> <HEAD> <中略> ・  ・ <FORM METHOD=POST NAME=Frm1 ACTION=insert.cgi> <TABLE> <TR> <TH>題</TH> <TD><INPUT TYPE=CHECKBOX NAME=A VALUE=1></TD> </TR> <TR> <TH>名前</TH> <TD><INPUT TYPE=CHECKBOX NAME=B VALUE=2></TD> </TR> </TABLE> </FORM> </HEAD> </HTML> とほんとに一般的なのですが・・・ よろしくお願いします。

関連するQ&A

  • チェックボックスとテキストフィールドを連動させて、Javascriptでチェックをかけたい

    このようなアンケートがあるとします。 //アンケートスタート ●Q1 あなたはJavascriptを使いこなしていますか? ラジオボタン回答1 使いこなしている ラジオボタン回答2 あまり使いこなしているといえない ラジオボタン回答3 ぜんぜん使いこなしていない ●Q2 Q1で「あまり使いこなしているといえない」 「ぜんぜん使いこなしていない」と回答した方のみお答えください。 その理由はどのようなものですか? チェックボックス回答1 むずかしい チェックボックス回答2 わかりにくい チェックボックス回答3 そのほか テキストフィールド そのほかの理由(       ) 【送信ボタン】 //アンケートエンド ■上のアンケートでJavascriptを使用して 次のことをしたいのですが、教えてください。 1.Q1の2と3にチェックがあるのに、 Q2に未回答のままフォームデータを送信しようとした場合に、 アラートを表示させたい 2.Q2で3を選んだ人にもかかわらず、 そのほかの理由テキストフィールドに未記入のまま フォームデータを送信しようとした場合、 アラートを表示させたい よろしくお願いします。

  • Javascript? チェックボックスにチェックをいれると・・

    Yahooメールのように、チェックボックスにチェックをいれると その行(<tr>タグ)に色がつくようなJavascriptを探しています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • JavaScriptによるフォームの入力チェック

    3択のクイズ(ラジオボタン)があり、 ・いずれも選択されていない場合→入力を促すダイアログ表示 ・不正解→残念でしたページ(HTML)へ ・正解→応募ページ(HTML)へ という制御をJavaScriptで記述したいと思っていますが、 なかなかうまくいきません… よろしくお願いいたします。

  • JavaScriptのWindow.openで!

    JavaScriptのWindow.openで! お世話になってます。 JavaScriptのWindow.openについてお聞きします。 現在JavaScriptで・・・ リンクボタン押下→ポップアップ画面表示→再度リンクボタン押下  →再度ポップアップ画面表示(ポップアップ開きなおし) ということをしたいです。 IE6,7,8で対応する必要があるのですが、IE8でうまくいきません(泣) IE8では、ポップアップ画面を別プロセスで開くみたいで、 ポップアップがどんどん増えていってしまいます。 開くポップアップは一つにしたいのですが、対策がわかりません。 何か方法はないでしょうか? どなたかご教授ください。

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

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

  • チェックボックスから複数のvalueを取り出す

    HTMLフォームから、action="file.php"でデータの受け渡し→PHPで送られてきたvalueに応じて文章を出力、というプログラムを作っています。 例: グループAのラジオボタン1にチェック、送信 →グループAで押されたラジオボタンを送信されたvalueで判別、この場合はvalue==A →value==Aの場合に表示する文章を変数に受け渡し、その変数で表示 ラジオボタン、テキストボックスのvalueは$_POST['XXX']で取り出せたのですが、チェックボックスのデータだけが取り出せません。こちらの質問を検索したとき、多次元配列という言葉を見かけたのですが、いまいちよく分かりませんでした。 チェックボックスの複数のvalueで、上記の例のような動きを実現させるにはどうしたらいいでしょうか。どなたかご教授ください。

    • ベストアンサー
    • PHP
  • javascript歴 2ヶ月

    プログラミング初心者です。 javascriptファイルとhtmlファイルを分けて 記述しているのですが、 性別が男か女かというラジオボタンと「実行」 というボタンとひとつのテキストボックスを 作成し、どちらかをクリックし実行ボタンをクリック すると選択されたラジオボタンのvalueプロパティがテキス トボックスに表示されるというプログラムを作っています。 しかし! 初期表示を女にしたいので、 <input type="radio" checked name="rdo1" value="女" onClick="rdo_Change(this)">女 としたのですが、これで動かしてもうまくいかず、 テキストボックスにはundefinedと表示されます。 ぜひ、正しい書き方を教えていただけないでしょうか。 あと、チェックボックスにチェックがひとつもない場合 アラートで"ひとつ以上選択してください"という記述例 もお願いします。 どうかお願いいたします(泣)

  • 多分簡単なJavaScriptなんだと思います。

    JavaScript初心者です。 チェックボックスが5つ有り、任意のチェックボックスをチェックして実行ボタンを押すと、sentakuという名前のテキストボックスにチェックしたボックスの値が代入されるjavascriptの記述を教えて下さい。 例えば、1番目と3番目と5番目に、チェックを入れて実行すると、テキストボックスsentakuには「1,3,5」と表示されるとベターです。

  • JavaScript チェックボックスで複数選択

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

  • チェックされたチェックボックスの数を調べるには?

    不定数のチェックボックスがあり、ボタンを押すとチェックされた項目の数を返すようにしたいのですが、どのように記述すれば良いでしょうか? 例えばチェックボックスが5個あり、そのうちの3個がチェックされている状態でボタンを押すと、アラートで3と表示する、といった感じです。

専門家に質問してみよう