form_for内でonchangeを使いたい

Question

前提・実現したいこと

現在コチラのコードのような、
「前の質問チェックボックスの選択肢によって、次の質問を出し分ける」ものを作成しようとしていますが、form_for内でのonchangeの記載方法がわからず困っております。
試してみたコードも載せていますので、アドバイスいただけませんでしょうか。

該当のソースコード

パターン１
<% @menus.each do|menu| %>
<%= f.check_box :menu, {multiple: true}, menu.no, {onchange:"menufunc()"}, nil %>&ensp;
<%= menu.name %>&nbsp;&nbsp;
<% end %>

パターン２
<% @menus.each do|menu| %>
<%= f.check_box :menu, {multiple: true}, menu.no, onchange:"menufunc()", nil %>&ensp;
<%= menu.name %>&nbsp;&nbsp;
<% end %>

上記どちらでもフォームが表示できない状況です。
onchangeをはずすと動きます。

Answer 1

タグ内に onchange 属性を記載したHTMLを応答せず、
表示されたブラウザ上のJavaScript でイベント実装してみてはいかがでしょうか。

ご質問に示された codepen から、動くサンプル を作ってみました。

1. onchange属性を削除し、addEventListener を使った
2. myfuncの引数に渡される値は event オブジェクトであることに留意して実装を変えた。

※他、document.getElementBy は ユーザ関数getElmByIdを作り、略記しています。

---

Rails はよくわかっていませんが、
codepen のモックでは "menufunc(this.value)" と 引数を指定されていますが、
試したコードでは "menufunc()" と引数が指定されていない点は気になりました。

Comments

[NN77]

非常にご丁寧にありがとうございます！実際のコードまでm(_ _)m
色々調べた結果f.check_boxでイベント属性を設定することはやはり難しそうですので、htmlをじか書きするか、教えていただいた方法で進めてみます！ご返信が遅れて大変申し訳ありませんでした。