• IT助成金利用
  • 無料デモ紹介ZOOM等オンラインでのご相談も可能です
  • お問い合わせ

※ ワンダーロボ設計書および関連する自動開発手法について、すべての著作権はワンダフルフライ株式会社に帰属します。

ラジオボタンでスムーズな選択を!

Radiobutton(ラジオボタン)とは?

Radiobutton(ラジオボタン)は、複数の選択肢から1つだけを選ぶ際に使用する便利なUIコンポーネントです。

📘 使用例:部門を選択

例えば、ウェブフォームに「部門」を選ぶ項目があり、「人事部」「営業部」「開発部」の中から1つを選択する場面を考えてみましょう。選択された部門はシステム内で「ID」として記録されます。

⚙️ 設定方法

Radiobuttonの設定方法は2つあります:

  • 1. データベースから選択肢を取得する場合

    データベースから取得した内容を選択肢にします。例えば「営業部」を表示し、選ばれた部門のIDが記録されます。

    ➣設定例:

    セルの値に「〇」を記述します。

    ➣結果:

    DBに保存する場合、セルに[関連テーブル.関連フィールド]という形式で関連するDB名とフィールド名を記述します。

  • 2. 固定値を使用する場合➣設定例:

    セルの値に「〇」を記述します。

    ➣結果:

    「営業部」「人事部」「開発部」と選択肢として表示されますが、実際に選ばれた内容に対応する「1」「2」「3」が記録されます。

    例えば、人事部を選んだ場合は「2」が保存され、開発部を選んだ場合は「3」が保存されます。

🔍 まとめ

Radiobuttonを使うと、ユーザーが簡単に1つだけ選択でき、その情報がシステムに自動で記録されます。シンプルで使いやすいUIですね。