Laravel标签内的单选和复选框

齐特罗

有没有办法Form::label与复选框和单选输入一起使用来生成引导建议的标记目的是使输入字段位于标签内,而不是将其附加到ids。我想避免对标记进行硬编码Form::radio

<div class="checkbox">
  <label>
    <input type="checkbox" value="">
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
    Option two can be something else and selecting it will deselect option one
  </label>
</div>
圣天才

您可以只编写自己的表单宏,然后使用它来构建html(随您喜欢)。

http://laravel.com/docs/4.2/html#custom-macros

就像是:

Form::macro('bootCheckbox', function($value, $label)
{
 $html = '<div class="checkbox"><label><input type="checkbox" value="';
 $html .= $value;
 $html .= '">';
 $html .= $label;
 $html .= '</label></div>'
 return $html
}

然后,您可以在视图中这样称呼它:

{{ Form::bootCheck('i_dont_know_what_value_youd_like', 'Option one is this and that&mdash;be sure to include why it's great') }}

当然,您可以将所需的任何值传递给宏并构建所需的任何对象(假设宏端的代码是正确的)。上面的示例应显示您所显示的复选框,但是它不太干净,我还没有对其进行测试。

至于将代码放置在哪里,只要链接它就可以将其放置在任何地方。我的表单宏(范围更广)位于/app/start/form_macros.php中,并且只需添加require dirname(__FILE__) . '/form_macros.php';/app/start/global.php中就可以了。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

复选框和单选按钮的行为

来自分类Dev

垂直对齐单选和复选框按钮标签和输入元素

来自分类Dev

更正修改后的复选框以及单选按钮和标签的位置

来自分类Dev

xpath获取标签内的复选框

来自分类Dev

复选框和标签从右到左的顺序

来自分类Dev

使用JS或Jquery将复选框和单选框中的值添加到标签

来自分类Dev

复选框标签

来自分类Dev

复选框标签

来自分类Dev

单选复选框问题

来自分类Dev

单选按钮/复选框

来自分类Dev

单选按钮复选框

来自分类Dev

当复选框在标签内移动时,与复选框关联的标签不起作用

来自分类Dev

Laravel复选框保存和更新

来自分类Dev

PHP会话回显复选框和单选按钮

来自分类Dev

更改单选按钮和复选框的默认行为

来自分类Dev

如何更改单选和复选框输入的样式

来自分类Dev

正确的复选框和单选按钮分组方式

来自分类Dev

设置所有输入的样式,但复选框和单选

来自分类Dev

HTML单选和复选框输入是否合并?

来自分类Dev

单选按钮和复选框。防止更改值属性

来自分类Dev

PHP测验问题计算单选和复选框

来自分类Dev

单选按钮和复选框(如Dynpro OO控件)?

来自分类Dev

css仅样式复选框和单选按钮

来自分类Dev

设置所有输入的样式,但复选框和单选

来自分类Dev

带有复选框和单选按钮的TreeView

来自分类Dev

单选按钮和复选框的样式不正确

来自分类Dev

ionicons用图标替换复选框和单选按钮

来自分类Dev

裁剪复选框和单选XUL元素无效

来自分类Dev

复选框和单选按钮不会显示