gpt4 book ai didi

html - 自定义 Bootstrap Forms 2.4.0 的复选框(和一般元素)

转载 作者:行者123 更新时间:2023-11-28 05:32:12 26 4
gpt4 key购买 nike

我目前正在使用 bootstrap_form 2.4.0 gem 为我的 Rails 应用程序制作表单。我正试图创建一个注释功能,一个人可以进入“编辑”页面的条目并通过勾选或取消勾选下一步的复选框来决定哪些字段有效或无效到那个领域。
所以基本上我需要在我的“编辑”表单中创建仅包含字形图标或图像的复选框。
我尝试在这篇文章中使用 RemusGLS 给出的解决方案:Is it posible to make an input checkbox a Bootstrap glyphicon? ,我对其进行了修改以使其看起来像我想要的那样 here
问题是,此解决方案适用于基本表单创建,只需使用 <input type="checkbox"> 即可完成标签 。如果我只使用这种方法,它会导致“编辑”页面出现问题(因为复选框会重置,这会否定注释的全部意义)。
在检查 Bootstrap 表单用行生成的复选框元素之后

<%= f.check_box :blabla , label: "" %>

好像是生成这段代码

<label for="entry_blabla">
<input name="entry[blabla]" type="hidden" value = "0" >
<input type="checkbox" value="1" checked="checked" name="entry[blabla]" id="entry_blabla" >
</label>`

根据字段的值自动更改(在本例中为 blabla),我尝试使用 if 语句来模拟此代码,但我仍然无法将其与图标复选框的解决方案集成。
一句话总结,我只需要图标复选框解决方案(给定 here )即可使用 Bootstrap 表单格式(这个:<%= f.check_box :blabla , label: "" %> )。
谢谢。

最佳答案

你可以用这种方式包裹glyphicon。

<%= f.label :blabla do %>
<i class = "glyphicon glyphicon-ok" style="color:green;"></i>
<i class='glyphicon glyphicon-remove' style="color:red;"></i>
<% end %>
<%= f.check_box :blabla %>

关于html - 自定义 Bootstrap Forms 2.4.0 的复选框(和一般元素),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38453404/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com