ラジオボタンを作成する
formタグを使用する
送信ボタンをクリックすると選択されたラジオボタンの nameと valueの組み合わせをパラメータにして GETコマンドの送信を行う。指定されたURLは、別ウィンドウに新しい HTMLページに受信したパラメータ値を表示する。
HTML
ボタンをグループ化するには全てのラジオボタンの nameプロパティを同じにする。ボタンの見出しは labelタグにより設定すること。
送信メッセージ
選択されたラジオボタンを取得し、valueプロパティをアラートウィンドウに表示する。(メッセージの送信は行わない)
JavaScriptでラジオボタンを操作する方法
ラジオボタンをクリックするとアラートウィンドウを開き、選択されたボタンの valueプロパティを表示する。 (クリックされたボタンのチェックはウィンドウを閉じた後に変化する)
各ラジオボタンに選択値が変化(change)したときに起動するイベントプロシージャを定義する。getElementsByNameメソッドでラジオボタンの配列を取得する。なお、同一のチェックボックスを選択(クリック)した場合、changeイベントが発生しないことには留意すること。
ラジオボタン要素は getElementByIdメソッドで個別に取得することもできる。
ボタンのクリックして、ラジオボタンの選択値を判定する
ボタンをクリックしたときのイベントプロシージャを定義し、その中でラジオボタン要素を取得し chekedプロパティを判定する。