在 check_box_tag 中生成自定义属性答案

【问题标题】：Generate custom attributes in check_box_tag在 check_box_tag 中生成自定义属性
【发布时间】：2012-11-24 11:26:43
【问题描述】：

我想生成带有自定义 html 属性的复选框（稍后使用 UJS）。这是我的视图代码

<%= check_box_tag "data-toggle-completed" => "" %>

它给了我

<input id="__data-toggle-completed______" name="{&quot;data-toggle-completed&quot;=&gt;&quot;&quot;}" type="checkbox" value="1">

但我想要

  <input type="checkbox" data-toggle-completed="">

我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

您必须将自定义属性作为第四个参数，选项。前三个参数是 name，value = "1"，checked = false。见check_box_tag。

代码可能是这样的：

<%= check_box_tag :name, 1, false, data: { "toggle-completed" => "" } %>

【讨论】：

【解决方案2】：

我使用的是刺激 js，所以对于自定义数据操作属性，我做了以下操作

<%= check_box_tag :select_shipping_address, true , true, data:{action:"change->form#show_form"}%>

【讨论】：