チェックボックスの全選択

Question

前提・実現したいこと

railsでチェックボックスをつけました。
今、一つずつチェックしていく感じです。
全選択のチェックボックスをつけたいです。
アドバイスよろしくお願い致します。

該当のソースコード

<%= form_with url: "/choices/check_box", local: true do |f| %>
        <div class="field">
          <p>
          <%= "chapter1  ＜第１章　プログラミングを書いてみよう＞"  %>
　　　　　　</p>
          <%= f.check_box :check %>
          <% @one_choice.each do |choice| %>
        　<%= link_to(choice.title, "/choices/#{choice.id}/rshow") %>
          <%= f.check_box :check, {multiple: true},choice[:id],nil %>
          <% end %>
          <p><%= f.submit "送信" %></p>
        </div>
<% end %>

Comments

[m.ts10806]

調べて何も出ませんか？
JavaScriptで。

[atsdknbs]

javaでは出ますけどよくわかりません。
javaを勉強してないです。

[m.ts10806]

JavaScriptとJavaは別物です。

[退会済みユーザー]

ググれば JavaScript / jQuery で実現する方法を書いた記事が多々ヒットすると思いますのでやってみましょう。

[atsdknbs]

プログラミング初心者でよく分かってませんでした。すみません。railsで開発してても、JavaScriptも参考になるんですね。分かりました。調べてみます。ありがとうございます

[m.ts10806]

RailsはWebアプリケーションを開発するためのフレームワークですし、
Webアプリケーションを作る以上はJavaScriptと関わらない方法はほぼないのではと。
チュートリアルでも触れられているかと思いますが・・・

Answer 1

jQueryならたとえばこんな感じで

Comments

[yambejp]

<script>
$(function(){
$('[data-target]').on('change',function(){
$($(this).data('target')).prop('checked',$(this).prop('checked'));
})
});
</script>
<input type="checkbox" class="target1">
<input type="checkbox" class="target1">
<input type="checkbox" class="target1">
<label><input type="checkbox" data-target=".target1">すべてチェック</label><br>
<input type="checkbox" class="target2">
<input type="checkbox" class="target2">
<input type="checkbox" class="target2">
<label><input type="checkbox" data-target=".target2">すべてチェック</label>