pirkak公式サイト|株式会社 オリエンタルアーツ
HOMEpirka TOP > サンプル集
pirka サンプル集

> 戻る

ラジオボタンの使い方


≪サンプル説明≫  
値の取得ボタンをクリックすると選択されているラジオボタンのVALUE値を取得し
ボタンの右横に表示します。
 
値の設定ボタンをクリックするとボタンの右横に表示されているラジオボタンを
選択します。

≪作成時注意点≫ 

・HTMLファイル中にname属性付きの<INPUT TYPE="RADIO">タグを挿入します。
 name属性に設定する名前は必ずは$で始まり英数字またはアンダーバーで構成される
 サフィックスを付加してください。
 ラジオボタンはサフィックスを除いた名前でグループ化されます。
 グループ化されたラジオボタンで選択可能なラジオボタンは1つだけとなります。

 【例】<input type="radio" name="radioItem$01" value="R01">選択01
    <input type="radio" name="radioItem$02" value="R02">選択02
    <input type="radio" name="radioItem$03" value="R03">選択03

・入力された情報がWEBサーバーに送信されるように<INPUT TYPE="RADIO">タグは
 name属性で名前をつけられたFORMタグで囲まれている必要があります。

 【例】<form name="formItem" method="post">
    <input type="radio" name="radioItem$01" value="R01">選択01
    <input type="radio" name="radioItem$02" value="R02">選択02
    <input type="radio" name="radioItem$03" value="R03">選択03
    </form>

・HTMLファイル内の<INPUT TYPE="RADIO">タグのVALUE属性値やchecked属性は
 pirka動作時の初期値となります。

・ラジオボタンへのデータ設定・取得やチェック指定・状態取得はJavaクラスの
 コンストラクタやサブミットボタン等がクリックされたときに動作する
 アクションメソッド内で行います。

・VALUE属性値等の個々の<INPUT TYPE="RADIO">タグへの設定(setValueメソッド)や
 取得(getValueStringメソッド)はサフィックスを付加した名前を使用します。

 【例】radioItem$01のVALUE属性値に"A01"を設定する
    FieldMap field = getFieldMap();
    field.setValue("radioItem$01", "A01");

 【例】radioItem$01のVALUE属性値を取得する
    FieldMap field = getFieldMap();
    String value = field.getValueString("radioItem$01");

・チェック指定(setGroupValueメソッド)やチェック状態の取得(getGroupValueメソッド)は
 サフィックスを除いた名前を使用します。
 チェック指定で指定する値は個々のラジオボタンタグのVALUE属性値です。
 チェック状態の取得で取得される値もラジオボタンタグのVALUE属性値です。
 
 【例】radioItem$03(VALUE="R03")をチェックする
    FieldMap field = getFieldMap();
    field.setGroupValue("radioItem", "R03");

 【例】radioItemのチェック状態を取得する
    FieldMap field = getFieldMap();
    String radioItem = field.getGroupValue("radioItem");


ソースファイル
RadioSample.html  サンプル画面のHTMLファイル

<html>
<head>
<title>pirka逆引きサンプル ラジオボタンの使い方</title>
</head>
<body>
<center>
<span style="color: #8080ff">pirka逆引きサンプル ラジオボタンの使い方</span><br>
<hr>
<form name="formItem" method="post">
<table border="1">
<tr>
<td>ラジオボタン</td>
<td>
<input type="radio" name="radioItem$01" value="R01" id="id_01">
<label for="id_01">選択01(value='R01')</label>&nbsp;&nbsp;

<input type="radio" name="radioItem$02" value="R02" checked id="id_02">
<label for="id_02">選択02(value='R02')</label>&nbsp;&nbsp;

<input type="radio" name="radioItem$03" value="R03" id="id_03">
<label for="id_03">選択03(value='R03')</label>
</td>
</tr>
<tr>
<td><input type="submit" name="getButton" value="値の取得 ⇒"></td>
<td><pre><span name="inputValue"></span></pre></td>
</tr>
<tr>
<td><input type="submit" name="setButton" value="値の設定"></td>
<td>
以下の内容のラジオボタンが選択されます<br>
----------------------------------------<br>
選択03<br>
</td>
</tr>
</table>
</form>
<hr>
<a name="returnWindow" href="">戻る</a>
</center>
</body>
</html>


RadioSample.java  サンプル画面のJavaソースファイル

package jp.oarts.pirka.sample.instruction.is100900;

import jp.oarts.pirka.core.kernel.FieldMap;
import jp.oarts.pirka.core.win.PirkaWindow;

/**
* pirka逆引きサンプル ラジオボタンの使い方
*/
public class RadioSample extends PirkaWindow {

/**
* 値の取得ボタン処理
*/
public void getButton() {
FieldMap field = getFieldMap();
String radioItem = field.getGroupValue("radioItem");

field.setValue("inputValue", radioItem);
}

/**
* 値の設定ボタン処理
*/
public void setButton() {
FieldMap field = getFieldMap();
field.setGroupValue("radioItem", "R03");
}

/**
* 戻るリンク処理
*
* @return
*/
public PirkaWindow returnWindow() {
return null;
}
}

ページのTOPへ このページの先頭へ
oriental arts pirka