[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のアプリケーション作成方法を分かりやすく解説! [入門者向け] 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速習実践ガイド」は現場で実際にどのように使われているのかという視点も交えて解説されています。

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

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

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

【2022年最新版】Ruby on Railsを学ぶことができるおすすめの本/参考書

Udemy

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

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

【安すぎ】Udemy(ユーデミー)で学べるおすすめのRuby on Rails講座をご紹介!

プログラミングスクール

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

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

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

【働きながらOK】TechAcademy(テックアカデミー)の評判・口コミは? いくらなの? 【難しい?】働きながらOK! DMM WEBキャンプの評判・口コミは? 【課題が難しい?】CodeCamp(コードキャンプ)の評判・口コミは? 【無料体験実施中】テックキャンプ「プログラミング教養」でプログラミングをやってみた! 【体験談】テックキャンプ「プログラミング教養」の学習内容は? 働きながらテックキャンプで学ぶことは可能? 結論:可能です! 【無料カウンセリング実施中】テックキャンプではどのような言語・技術を学ぶことができるの? テックキャンプの受講料はどのくらい? 安く通う方法も解説! テックキャンプの受講料はどのくらい? 安く通う方法も解説! 【体験談/感想】テックキャンプでどのようなスキルが身につくの?




3.ポイント

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

check_box_tagの書式

check_box_tag(ID)

label_tagの書式

label_tag(ID, ラベル名)

コメントを残す

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