如何在Ruby中检查默认单选按钮?

user3218006

我有一个使用Ruby构建的单选按钮,如下所示

      <p>Which design do you prefer to use? </p>
      <% [ 'Design 1', 'Design 2', 'Design 3', 'Design 4', 'Design 5' ].each do |theme| %>
          <br><%= radio_button_tag 'theme', theme, @theme == theme %>
          <%= label_tag "theme_#{theme}", theme.humanize %>
      <% end %>

我想确保默认情况下始终选中第一个元素(即“设计1”),除非用户选择了其他设计。

快取

您可以执行以下操作:传递checked以检查项目

<%= radio_button_tag 'theme', theme, checked: @theme.FIELD_NAME == 'design' %>

详情请参阅此处http://apidock.com/rails/ActionView/Helpers/FormTagHelper/radio_button_tag

回答您的评论:

我不明白吗?:(这样<%= radio_button_tag 'theme', theme %> 就变成<%= radio_button_tag'theme',theme,选中:@ theme.FIELD_NAME =='design'%> ??但这会引发错误?我只想默认选择第一个单选按钮元素–

FIELD_NAME是模型上列的名称。要仅检查第一个项目,您可以尝试以下操作:只需添加checked: true关键字

<%= radio_button_tag 'theme', theme, @theme == theme, checked: true %>

确定,因此您需要执行以下操作:

<% [ 'Design 1', 'Design 2', 'Design 3', 'Design 4', 'Design 5' ].each_with_index do |theme, i| %>
  <% if i == 0 %>
      <br><%= radio_button_tag 'theme', theme, @theme == theme, checked: true %>
  <% else %>
      <br><%= radio_button_tag 'theme', theme, @theme == theme %>
  <% end %>
  <%= label_tag "theme_#{theme}", theme.humanize %>
<% end %>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何默认检查反应中的单选按钮?

来自分类Dev

如何在AngularJS中检查单选按钮?

来自分类Dev

如何在asp.net中默认选择单选按钮

来自分类Dev

如何在asp.net中默认选择单选按钮

来自分类Dev

如何在警报对话框(android)中保存状态并检查单选按钮的默认值?

来自分类Dev

如何检查jQuery中的多个单选按钮?

来自分类Dev

默认情况下如何检查角度单选按钮?

来自分类Dev

如何检查单选按钮

来自分类Dev

如何在访问表单中默认选择选项组中的单选按钮

来自分类Dev

如何在Flutter中默认选中的扩展图块列表中设置单选按钮?

来自分类Dev

如何在Android中自定义单选按钮的默认主题?

来自分类Dev

如何在淘汰赛中为单选按钮分配默认值

来自分类Dev

如何在Ember中选择默认的单选按钮?

来自分类Dev

如何在Ember中选择默认的单选按钮?

来自分类Dev

如何在Android中验证单选按钮?

来自分类Dev

如何在SwiftUI中创建单选按钮?

来自分类Dev

如何在DIV中对齐单选按钮?

来自分类Dev

如何在列表视图中检查单选按钮?

来自分类Dev

如何在输入检查中将单选按钮选择居中?

来自分类Dev

如何使用Javascript检查其他单选按钮中是否选中了特定的单选按钮?

来自分类Dev

如何检查Selenium WebDriver中是否选择了单选按钮?

来自分类Dev

如何检查此表中已选中的单选按钮?

来自分类Dev

如何检查Selenium WebDriver中是否选择了单选按钮?

来自分类Dev

如何使用HTML表单中的javascript检查单选按钮验证

来自分类Dev

如何检查jquery中是否需要单选按钮

来自分类Dev

如何启用按钮上的检查单选按钮

来自分类Dev

如何用单选按钮值检查单选按钮

来自分类Dev

如何在单选按钮中创建条件?(在jQuery Ajax中)

来自分类Dev

如何复制默认单选按钮样式

Related 相关文章

  1. 1

    如何默认检查反应中的单选按钮?

  2. 2

    如何在AngularJS中检查单选按钮?

  3. 3

    如何在asp.net中默认选择单选按钮

  4. 4

    如何在asp.net中默认选择单选按钮

  5. 5

    如何在警报对话框(android)中保存状态并检查单选按钮的默认值?

  6. 6

    如何检查jQuery中的多个单选按钮?

  7. 7

    默认情况下如何检查角度单选按钮?

  8. 8

    如何检查单选按钮

  9. 9

    如何在访问表单中默认选择选项组中的单选按钮

  10. 10

    如何在Flutter中默认选中的扩展图块列表中设置单选按钮?

  11. 11

    如何在Android中自定义单选按钮的默认主题?

  12. 12

    如何在淘汰赛中为单选按钮分配默认值

  13. 13

    如何在Ember中选择默认的单选按钮?

  14. 14

    如何在Ember中选择默认的单选按钮?

  15. 15

    如何在Android中验证单选按钮?

  16. 16

    如何在SwiftUI中创建单选按钮?

  17. 17

    如何在DIV中对齐单选按钮?

  18. 18

    如何在列表视图中检查单选按钮?

  19. 19

    如何在输入检查中将单选按钮选择居中?

  20. 20

    如何使用Javascript检查其他单选按钮中是否选中了特定的单选按钮?

  21. 21

    如何检查Selenium WebDriver中是否选择了单选按钮?

  22. 22

    如何检查此表中已选中的单选按钮?

  23. 23

    如何检查Selenium WebDriver中是否选择了单选按钮?

  24. 24

    如何使用HTML表单中的javascript检查单选按钮验证

  25. 25

    如何检查jquery中是否需要单选按钮

  26. 26

    如何启用按钮上的检查单选按钮

  27. 27

    如何用单选按钮值检查单选按钮

  28. 28

    如何在单选按钮中创建条件?(在jQuery Ajax中)

  29. 29

    如何复制默认单选按钮样式

热门标签

归档