Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

ラジオボタンの作成

ラジオボタンは、チェックボックスに良く似ています。唯一の違いは、ボタンのグループのうちたった1つしかtrueの値を持つことができない点です。例えば「男性ですか? 女性ですか?」という質問では回答は1つしかありません。男性であり女性でもあることは不可能です。
ここでは、チェックボックスに対して行ったのと同様にして、ラジオボタンをセットアップします。どちらも基本的には同じ仕組みで動作します。ユーザに見えるのは小さな四角形で、その上に重なっている非表示ボタンが変数管理し、ダイナミックテキストフィールドが値を保管します。ユーザが送信ボタンをクリックsるうと設定値がWebサーバに送信されます。

■ ラジオボタンの作成

01 「Invisible Buttons」レイヤーを非表示にし、ます。

02 コンポーネント追加して「インスタンス名」と「変数名」に同じ「Today」という名を入力します。

03 「コンポーネントパネルから「Check Box」を選択してドキュメントウィンドウにドラッグします。プロパティパネルのプロパティタグで「インスタンス名」に「checkbox1」という名を入力します。次に「パラメータ」タグで以下のように設定します。

Label 初めて受診する
Initial Value false
Label Placement left
Change Handler  

04 03と同じ手順で2番目のチェックボックスを「checkbox2」追加します。パラメータは、以下のように設定します。

Label 他科を受診したことがある
Initial Value false
Label Placement left
Change Handler  
05 タイムラインの「Action Script」レイヤーの1フレーム目を選択して、アクションパネルを開きます。「//PostDateの値とBirthday初期値の設定」のスクリプトの後ろに下記のコードを追加します。
//チェックボックス処理用の変数の初期化
checkbox1 = 0 ;
checkbox2 = 0 ;
 

※ この時点でムービーをプレビューすると、2つのチェックボックスのそれぞれをオン/オフに切り替えられるのが確認できます。

<<戻る

Gポイントポイ活 Amazon Yahoo 楽天

無料ホームページ 楽天モバイル[UNLIMITが今なら1円] 海外格安航空券 海外旅行保険が無料!