• 締切済み

CheckboxとButtonについて

今私は、データベースの構築(開発の初心者です)をしているのですが一つ皆様のお力をお借りしたいです。 それは、例えば、いくつかのラジオのボックスがあり、そこには「東北」「関東」「北陸」等がそれぞれあります。 そして、その隣には、「新規登録」「更新」等のボタンを設置します。 操作としては、 (1)まず、ラジオ(radio)で一つの項目を選んで、 (2)次に、それは「新規登録」か、「更新」かというボタンによって作業を進めていこうという感じです。 うまく表現できてないかもしれませんが、項目を<input type="radio">で、選択して、<input type="button">で分岐作業を勧めていこうというものです。 今は、JavaScript、HTML、CFMLを使って仕事しています。 質問の意味がよく分からないようでしたら、その都度補足していきますのでよろしくお願いします。

みんなの回答

  • mnabe
  • ベストアンサー率33% (427/1283)
回答No.1

すみません。何を質問されているのかわかりません。  データーベースの構築の何を質問されているのでしょうか?  上記の例の場合の ・テーブル設計の方法なのでしょうか?  ・概念だけでよいのか?  ・設計方法ってよりもテーブルのデザインなのか?  ・データベースの選択方法なのか? ・テーブル格納(編集時)のSQL文の書き方なのでしょうか? ・データベースの考え方なのでしょうか? ・実際のプログラムの書き方なのでしょうか?  すみませんが、もう少し質問をはっきりとして下さい。

obahiro
質問者

補足

すいません。説明不足でした。データベースの構築の質問としましたが、実際には、JavaScriptの書き方になると思います。 まず、HTMLを簡単に書きたいとおもいます <html> <head> <title>都道府県別<title> </head> <body> 都道府県別調査表<br> <table> <form> <tr> <td><input tyoe="radio" name="rist">北海道</td> <td><input type="button" value="新規登録"></td> </tr> <tr> <td><input tyoe="radio" name="rist">東北</td> <td><input type="button" value="更新"></td> </tr> <tr> <td><input tyoe="radio" name="rist">関東</td> </tr> <tr> <td><input tyoe="radio" name="rist">九州</td> </tr> </form> </table> </body> </html> という感じです。 操作手順は、例えば、 (1)「北海道」をチェックボックスで選ぶ (2)「新規登録」のボタンを押す すると、それに対応する画面に移る といった具合です。 その時の、 チェックボックスで一つ選んでから、処理したいボタンを押したとき、それに対応する画面に移るjavascript書き方がわかりせん。 ちなみに、「北海道」「東北」「関東」のフォーマットは地域によった形にしているのでそれぞれ別にしてあります。 よろしくお願いいたします 

関連するQ&A

  • checkboxの代わりにbutton

    はじめまして、現在PHP勉強しているものです。 したのコードのcheckboxのかわりにbuttonを使ってデータの受け渡しをしたいのですが・・・ <html> <head> <title></title> </head> <body> <form name="form1" method="POST" action="ppp2.php"> <niput type="checkbox" name="ringo" alt="林檎"> <input type="submit" name="123" value="次へ"> </body> </html> 林檎のボタンを押して送信ボタンを押して次に”林檎をクリックされました”とを表示させるのは難しいのでしょうか?

    • 締切済み
    • PHP
  • checkboxについて

    下のように初期状態でcheckboxにチェックされているのを buttonのresetをおすとjavascriptでチェック解除するということはできますか? <INPUT TYPE="checkbox" name="check_no1" checked>

  • ラジオボタンによる有効なボタンの切り替えについて

    はじめまして。 下記のような機能を実装したいと思っています。 どなたか教えていただけませんでしょうか? <html> <head> <title>サンプル</title> </head> <input type="radio" name="radio1" value="a">A <input type="radio" name="radio1" value="b">B <input type="radio" name="radio1" value="c">C <input type="radio" name="radio1" value="x">全部ダメ <br><br> <input type="button" value="Aボタン"> <input type="button" value="Bボタン"> <input type="button" value="Cボタン"> </body> </html> ラジオの「A」を選択すると「Aボタン」のみ有効で他は無効(disabled)になり 「B」を選択すると「Bボタン」のみ有効というように、 選択したラジオボタンの値と有効なボタンを連動させたいのです。 さらに、ラジオの「全部ダメ」を選択すると全てのボタンを無効としたいです。 ラジオボタンの値の取得のjavascriptなど個々の機能について調べてみたりしたのですが どのように組み合わせれば、機能を実現できるのかわかりませんでした。 お手数ですが、ご教示いただけますでしょうか。。 可能ならばソースのサンプルをいただけるとありがたいのですが。 どうぞよろしくお願いいたします。

  • Input Type Buttonのタグについて

    ◎input type=button の色を変えるには <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> この中の↑どこに色を追加したらよいのでしょうか? ◎input type=button の型をhttp://okwave.jp/ のページ上の {例}『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のような四角の型にするには この中の↓どの部分を変更又はどの部分に 何を追加したらよいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> ◎どうしたら『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のように?、!、ハートマーク などの記号や絵をinput type button に文字を書き込む時、 ボタン内の文字の前に記号や絵をつけられるのでしょうか? ◎やっとボタンを作ることができたのですが、 クリックしても画面が変わらないのはURLを設定していないからだと思うのですが この中の↓どこへ設定したら画面を変えることができますか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> 上手に説明できませんが、ご存知の方がおられましたら教えて下さい いろいろ調べてやってみたのですが、1つ1つの部分、部分説明があっても全部を1つのタグとしてつなげることができません。 急ぎでかなり困っております、宜しくお願い致します。 沢山の質問ですみません。

  • 超初心者です。buttonをselectに変えるには?

    <SCRIPT language="JavaScript"> function calc1(){document.keisan.Z.value=eval(document.keisan.X.value)*1;} function calc2(){document.keisan.Z.value=eval(document.keisan.X.value)*2;} function calc3(){document.keisan.Z.value=eval(document.keisan.X.value)*3;} </SCRIPT> </head> <FORM name="keisan" > <INPUT type="text" name="X" size="4"> <INPUT type="text" name="Z" size="6"> <INPUT type="button" value="1" onClick="calc1()"> <INPUT type="button" value="2" onClick="calc2()"> <INPUT type="button" value="3" onClick="calc3()"> <INPUT type="reset" value="やりなおし"> </FORM> これの INPUT type="button"を<select>~<select> に変えたいと思っています。 自分の頭ではいろいろやってもうまくいきませんでした。 どなたか御教授を宜しくお願い致します。

  • buttonのVALUEが渡される条件

    form内にINPUTタグでbuttonを複数設定するのですが、 buttonのVALUEがパラメタで渡される場合と渡されない場合があり、 悩んでいます。 一番いいのはどんな状況でもbuttonのVALUEが渡されない状態にしたいのですが、buttonのVALUEが渡される条件を教えていただけたらと思います。 今のソースでは、位置により渡される場合とそうでない場合に別れます。 下記ソースの場合ですと、8行目の「btn_a」のVALUE「ボタンA」がパラメタで渡されます。 しかし、18行目の「INPUT TYPE="text"…」以降に設定すると渡されないのです。 この違いはなんでしょうか。 説明不足でしたら補足致します。 ご教授頂けると助かります。 1<FORM ACTION="xxxxxxx" METHOD="POST" NAME="form_1" onSubmit="return false"> 2 3-- 外側のテーブル 4<TABLE> 5 <TR> 6 <TD> 7 <div align="right"> 8 <INPUT TYPE="button" NAME="btn_a" VALUE="ボタンA" onClick="a_click();"> 9 </div> 10 </TD> 11 </TR> 12 <TR> 13 <TD> 14 -- 内側のテーブル 15 <TABLE> 16 <TR> 17 <TD>項目あ</TD> 18 <TD><INPUT TYPE="text" NAME="t_name" SIZE="80" MAXLENGTH="80"></TD> 19 </TR> 20 21 (中略) 22 </TABLE> 23 </TD> 24 </TR> 25</TABLE>

  • button使用で送信確認後のsubmit

    JavaScript初心者です。 リターンを押したときsubmitされてしまうのを防ぐ為に、 送信ボタンをinput type="submit"から"button"に変更し、 confirmで送信の確認をしてOKだったときにsubmit・・・ というものを作りたいのですが、うまくいきません。 ネットで検索などするとform内にsubmitと名前がついたものがあるとうまく動かない という例をみかけましたが、それには当てはまりません。 何か問題があるのでしょうか。 もしわかるかたがいましたら、教えていただけたら助かります。 どうぞよろしくお願い致します。 (ちなみにsmartyを使っています) ■送信確認の部分  function formalert(){  if(window.confirm(送信してもよろしいですか?)){    document.getElementById('index').submit();    return true;  }else{    window.alert('canceled');    return false;  } } ■フォームタグ  <form id="index" name="index" action="index.php?=thanks#page" method="POST"> ■ボタン部分(ダミーのボタンを表示してあり必須項目を記入すると送信できるボタンを表示する。) <input type="button" class="button wide green" id="btn_dammy" onclick="chkHissu(),nameerror(),mailerror();"> <input type="button" class="button wide green" id="btn01" style="display:none" name="btn01" value="{$btn01.1}" onclick="return formalert();"> ■ノンジャバ用ボタン(関わりあるかもしれないので記載します。表示切替しています。) <noscript> <input type="submit" class="button wide green" id="btn01" name="btn01" value="{$btn01.1}" onclick="formalert()" > </noscript>

  • checkboxの判定について

    ラジオボタンを2つ用意しそれぞれに値をいれれば容易なことなのですが checkbox1つでチェックの判定をしチェックされていればvalueにyesをいれ チェックが外されていればvalueにno(nullでしょうか?)を入れたいのですが その場合は、どのようなソースにすれば可能でしょうか? 教えてgooの新規会員登録がこのような形式だったので興味がありやってみたのですが なかなかうまくできません・・・ 現状は下記のソースなのですがvalueの値を分岐することで実現できそうなものの いまいちわからない状態です^^; <input type="checkbox" name="magazin" value="yes" <?php if (isset($_SESSION['magazin']) && $_SESSION['magazin'] == 'yes'){ echo 'checked'; }?>>配信メールを希望する。

    • 締切済み
    • PHP
  • データベースの値を判断してラジオボタンにセットする方法

    Javaサーブレット&JSPで開発しています。 HTMLフォームよりラジオボタンを選択して、その内容をデータベースに登録します。 <input type=radio name=xxxx value=1>りんご <input type=radio name=xxxx value=2>みかん <input type=radio name=xxxx value=3>ばなな 上記の例だと、りんごを選択したとき、データベース上のxxxxには、1を登録します。 その後、変更時には下記のように登録した内容を画面にラジオボタン形式で表示させたいのですがどのように記述すればよいでしょうか? <input type=radio name=xxxx value=1 checked>りんご <input type=radio name=xxxx value=2>みかん <input type=radio name=xxxx value=3>ばなな

    • ベストアンサー
    • Java
  • JavaScriptのinput要素のonclick内で直接JavaS

    JavaScriptのinput要素のonclick内で直接JavaScript文を書きたい <input type="button" onclick="func()" value="ボタン"> のようにonclick内で関数を呼び出すことはできますが、 以下のようにスクリプトを直接書き込むのは可能でしょうか? (これは私が適当に考えただけなので多分動作はしませんが) <input type="button" onclick="javascript:( var a = 123; alert( a ); )" value="ボタン"> というのもちょっと試したいだけのときなど、 なるべく外部呼出しにしたくないことも多々あるもので・・