「押さえておきたいWeb知識」で検索お願いします!

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

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

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

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

1.check_box_tagの使い方

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

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

Webアプリケーションの作成、コントローラーの作成、ビューの作成の仕方を知りたい方は以下の記事をご覧ください。

[入門者向け] Ruby on Railsのアプリケーション作成方法を分かりやすく解説! [入門者向け] Ruby on Railsのcontrollerを分かりやすく解説! [入門者向け] Ruby on Railsのviewを分かりやすく解説!

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

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

上記の4行目ではcheck_box_tag(“check”)というようにIDを指定してチェックボックスの表示を行っています。

ここではcheckというIDを指定しましたが、ID名はcheckでなくても構いません。

5行目ではlabel_tag(“check”, “チェックしますか?”)と記述されていますが、これはlabelタグの表示を行っています。

chek_box_tagに付属するlabelタグなので引数にcheck_box_tagのIDである「check」を設定しています。

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

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

このプログラムではcheckというIDでチェックボックスを作っています。

送信された値はprams[“check”]で取得することができます。

checkboxはONであれば、「1」が送られ、OFFであれば、値が送られることがありません。

そのため、checkboxのONかOFFかどうかはparams[“check”]の値があれば、ON、値がなければ、OFFと判断することができます。

それではサーバーを起動して動きを見てみましょう。

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

チェックボックスをONまたはOFFにして送信すると、チェックの状態が表示される仕組みになっています。

チェックボックスにチェックをいれて送信すると以下のように表示されます。

チェックボックスにチェックをいれないで送信すると以下のように表示されます。




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を学ぶことができるオススメの講座をまとめていますので、よかったらご覧になって下さい。

[必見!] Udemy(ユーデミー) おすすめのRuby on Rails講座

プログラミングスクール

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

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

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

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




3.ポイント

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

check_box_tagの書式

check_box_tag(ID)

label_tagの書式

label_tag(ID, ラベル名)

コメントを残す

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