[Rails入門] radio_button_tagを分かりやすく解説!

Ruby on Railsを勉強している人

radio_button_tagについて知りたいな!

上記のようなお悩みを持っている方はいないでしょうか?

この記事は上記のような疑問を解消するものとなっています。

この記事でお話すること
  • radio_button_tagの使い方
  • Ruby on Railsを学ぶことができるオススメの教材

このページではRuby on Railsのradio_button_tagの使い方を詳しく解説していきます。

最後まで読んでいただくことでradio_button_tagの使い方を学ぶことができます。

是非、読んでいただけたらと思います。

1.radio_button_tagの使い方

ここではradio_button_tagの使い方を解説していきます。

このページでは「WebApp」というWebアプリケーションの作成、コントローラーの作成、ビューの作成を終えているという前提でお話を進めていきます。

それでは「radio_button_tag」というメソッドを使用してみましょう。

sampleビューのindex.html.erbを開いて以下のようにコードを記述します。

上記のコードを見るとradio_button_tagにlabel_tagをつけています。

radio_button_tagでは「rl」というname値、「radio1」というvalue値が設定されています。

そのため、label_tagのIDは「r1_radio1」となります。

次にsampleコントローラーを記述しましょう。

sample_controller.rbを以下のように記述してください。

radio_button_tagは選択したラジオボタンの値が送信されます。

そのため、paramsでradio_button_tagの値を取得すればいいのです。

radio1の場合は「r1」、radio2の場合は「r2」で値を取得することができます。

radio_button_tagを使用する場合、注意点があります。

radio_button_tagは選択したラジオボタンの値が送信されるので、radio_button_tagが選択されていない場合、値はnilとなります。

そのため、sampleコントローラーではradio1、radio2が選択されなかった場合の条件分岐が記述されています。

サーバーを起動してWebページにアクセスすると以下のように表示されます。

radio1のラジオボタンを選択して送信すると以下のように表示されます。

radio2のラジオボタンを選択して送信すると以下のように表示されます。

ラジオボタンを選択しないで送信すると以下のように表示されます。

もっと詳しく知りたい方は是非「Ruby on Rails 6 超入門」をご覧ください!

Ruby on Rails 6 超入門」は入門者向け書籍でRailsの経験がなくてもわかりやすい本となっています!

 




2.Ruby on Railsを学ぶことができるオススメの教材

Ruby on Railsを学習している皆様にオススメの教材をご紹介させていただきます。

現場で使える Ruby on Rails 5速習実践ガイド

現場で使える Ruby on Rails 5速習実践ガイド」はRuby on Railsの学習を一通り終えてある程度知識を身につけた方にオススメしたい本です。

 

現場で使える Ruby on Rails 5速習実践ガイド」は現場で実際にどのように使われているのかという視点も交えて解説されています。

そのため、初心者の方が次のステップに進むために最適な本となっていますので、オススメです。

これらの本で是非学習を進めてみてはいかがでしょうか?

レベル別におすすめの本も紹介していますので、どのような本がオススメか知りたい方はこちらもご覧になって下さい。

Udemy

Udemy(ユーデミー)」ではRuby on Railsを学ぶことができる講座を多数取り扱っています。

Udemy(ユーデミー)」では頻繁にセールが行われており、時には半額以下(最大90%OFF)になることも。

以下の記事でRuby on Railsを学ぶことができるオススメの講座をまとめていますので、よかったらご覧になって下さい。

プログラミングスクール

Ruby on Railsを学ぶことができるプログラミングスクール
  • TechAcademy:通過率10%の選考に合格した現役エンジニアから学べるオンラインに特化したプログラミングスクール。
  • DMM WebCamp:講師に質問し放題で効率的に学習。短期間のカリキュラムで確実に結果が出る。専属コーチ・アドバイザーが卒業まで伴走。
  • CodeCamp:あなたの目的に合わせた、最適な学習カリキュラム。
  • Tech Camp:未経験でも挫折せずテクノロジースキルが身につく。

それぞれ無料体験も行っているので、どのようなものか試してみるのもいいでしょう。

無料体験を受けているうちに自分に合うサービスかどうか確認することができます。

以下の記事で各プログラミングスクールをまとめているのでこちらもよかったらご覧になってください。




3.ポイント

radio_button_tagとlabel_tagの書式をまとめると以下のようになります。

radio_button_tagの書式

radio_button_tag( name, value)

label_tagの書式

label_tag( ID, ラベル名)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です