html – 包裹<％= f.check_box％>里面

概述我有一个窗体上的复选框列表.由于CSS的结构方式,标签元素是直接样式的.这需要我将复选框嵌入标签内. 这可以在原始HTML中工作,如果您点击标签文本,复选框的状态将更改.它不适用于轨道<％= f.check_box％>但是,由于它首先输出一个隐藏的输入标签,所以帮助者. 综上所述, <label> <%= f.check_box :foo %> Foo</label> 这是我想要的输 我有一个窗体上的复选框列表.由于CSS的结构方式,标签元素是直接样式的.这需要我将复选框嵌入标签内.

这可以在原始HTML中工作,如果您点击标签文本,复选框的状态将更改.它不适用于轨道<％= f.check_Box％>但是,由于它首先输出一个隐藏的输入标签,所以帮助者.

综上所述,

<label>   <%= f.check_Box :foo %>   Foo</label>

这是我想要的输出：

<label>    <input type="checkBox" ... />     <input type="hIDden" ... />    Foo</label>

…但这是铁轨给我的：

<label>    <input type="hIDden" ... />    <input type="checkBox" ... />    Foo</label>

所以标签行为实际上并不工作:(.

有没有办法解决这个问题？

解决方法 Rails在复选框之前生成隐藏的输入,因为它需要一种方式来知道表单是否已提交,复选框未选中.订单敏感,因为复选框会覆盖隐藏的输入,如果已经被选中.详见 Rails API.

您应该使用< label for =“checkBox_ID”>而不是将复选框包装在标签标签中.

总结

以上是内存溢出为你收集整理的html – 包裹<％= f.check_box％>里面全部内容，希望文章能够帮你解决html – 包裹<％= f.check_box％>里面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。