「押さえておきたいWeb知識」のnoteを開設しました!

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

このページでは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のラジオボタンを選択して送信すると以下のように表示されます。

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




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

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

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

以下の本はRuby on Railsの学習を一通り終えてある程度知識を身につけた方にオススメしたい本です。

 

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

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

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

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

[2021年最新版] Ruby on Rails を学ぶことができるおすすめの本

Udemy

UdemyではRuby on Railsを学ぶことができる講座を多数取り扱っています。

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

[2021年最新版] Udemy(ユーデミー) おすすめのRuby on Rails講座

プログラミングスクール

TechAcademyWebCampCodeCampTech CampなどでRuby on Railsを学ぶことができます。

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

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

いくら? 悪評は? TechAcademy(テックアカデミー)とは? 口コミもまとめてみました! [受講した方の感想アリ!] DMM WEBCAMP SKILLSとは? 料金・口コミをまとめてみた! [課題が難しい?] 初心者向け! CodeCamp(コードキャンプ)とは? 特徴・料金・口コミをまとめてみました! [感想・体験談アリ!] 実際にTech Camp(テックキャンプ)のプログラミング教養でプログラミングをやってみた! [体験談] Tech Camp(テックキャンプ)のプログラミング教養の学習内容は? 働きながらTECH CAMP(テックキャンプ)で学ぶことはできるのか? 結論:可能です! TECH CAMP(テックキャンプ)ではどのような言語・技術を学ぶことができるの? TECH CAMP(テックキャンプ)の受講料はどのくらい? 安く通う方法もお話します! [体験談・感想あり!]TECH CAMP(テックキャンプ)でどのようなスキルが身につくの?




3.ポイント

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

radio_button_tagの書式

radio_button_tag( name, value)

label_tagの書式

label_tag( ID, ラベル名)

コメントを残す

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