复选框样式 - 针对特定输入元素

时间:2016-05-07 10:21:16

标签: css ruby-on-rails haml

在一系列复选框(比方说3个选项)中,我希望在检查/取消选中相关标签时定位一个特定的输入元素。

HAML

<div class="choice-select-button">
  <input type="checkbox" name="order[recipes][]" id="order_recipes_" value="6" checked="checked">
  <label>Click to select</label>
</div>

呈现HTML

<input>

每个id="order_recipes_"都会被分配相同的ID,即<label for="order_recipes_">,因此,如果我提供了设置id="order_recipes_",那么用户就可以取消检查&#39;标签然后只有choice-select-button.input页面上的第一个输入根据我的css说明进行样式设置。

我能看到for=的唯一区别是它的价值。因此,我正在考虑为标签inputs添加id="order_recipes_value="6" {{1}}。首先,这是可行的,其次,是做这样的事情的最佳方式还是有更简单的方法?

提前致谢。

1 个答案:

答案 0 :(得分:0)

根据rrails doc:

  

check_box_tag(name,value =&#34; 1&#34;,checked = false,options = {})链接   创建一个复选框表单输入标记。

     

选项

     

:disabled - 如果设置为true,则用户将无法使用此功能   输入

     

任何其他键都会为标记创建标准HTML选项。

你可以像这样生成不同的ID:

check_box_tag("order[recipes][]", recipe.id, selected, {id: recipe.id})