ruby-on-rails - 将 bootstrap-switch 与 Rails 的 check_box 一起使用

标签 ruby-on-rails twitter-bootstrap checkbox erb

我需要显示用户字段的复选框。目前我这样做使用:

<%= f.label :is_name_public, "Public name" %>
<%= f.check_box :is_name_public %>

现在我想使用bootstrap-switch与 Rails 的 che_box 一起使用。为了使用切换按钮,复选框需要类似于:

<input id="user_is_name_public" name="user[is_name_public]" type="checkbox" value="1" data-size="small" data-on-color="success" data-on-text="Yes" data-off-text="No">

而不是 Rails 的默认值:

<input id="user_is_name_public" name="user[is_name_public]" type="checkbox" value="1">

问题是,如何告诉 Rails 添加自定义属性,如 data-size="small"data-on-color="success"到复选框?或者如何将自定义 html 复选框与表单正在编辑的实体相关联?

最佳答案

您可以简单地向默认属性添加更多属性:

<%= f.check_box :is_name_public, :class => 'someclass' %>

数据属性也是如此:

<%= f.check_box :is_name_public, :data => { :size => 'small', 'on-color'=>'success'} %>

请注意 :data => { :size => 'small' … 位如何在生成的 HTML 中转换为 data-size="small"

关于ruby-on-rails - 将 bootstrap-switch 与 Rails 的 check_box 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22883904/

相关文章:

css - 如何使用 twitter Bootstrap 让多个列占用 100% 的高度?

android - 单击按钮时向 android 添加动态复选框

ruby-on-rails - Rails 仅修改 yaml 文件中的特定键

html - 链接标签中的颜色不起作用,但链接标签中的 div 颜色有效?

html - 显示微调器时如何使 Bootstrap 模式变灰?

c# - 为复选框使用 "if"语句的替代方案

angular2 复选框 ng-model 未更新

ruby-on-rails - 在保存到 Rails 之前将输入转换为整数

javascript - 用 jquery 替换图像 - js.erb - Rails

ruby-on-rails - 在部署时修改 erb 文件