如何在标签内制作 CAKEPHP 单选按钮答案

【问题标题】：How to make CAKEPHP radio button inside a label如何在标签内制作 CAKEPHP 单选按钮
【发布时间】：2017-05-26 05:04:40
【问题描述】：

我创建了以下 HTML 代码

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="radio" checked=""> Radio 1 
    </label>
    <label class="btn btn-primary">
        <input type="radio"> Radio 2
    </label>
</div>

现在我需要这个带有 CAKEPHP 表单助手的 html，所以尝试了很多方法来实现这一点，最后我得到了一个部分不完全工作的格式，我使用下面的代码

$options=array('1'=>'Radio 1', '2'=> 'Radio 2');
$attributes=array(
    'legend'=>false,
    'label' => false,
    'div' => false,
    'class' => 'required',
    'default'=> 0,
    'before' => '<label class="btn btn-primary">',
    'separator' => '</label><label class="btn btn-primary">',
    'after' => '</label>',

);
echo $this->Form->radio('radio_btn',$options,$attributes);

但是这个代码输出看起来像下面的代码

<div class="btn-group" data-toggle="buttons">
<input type="radio" name="data[RadioBtn][radio_btn]" id="RadioBtnId1" class="required" before="<label class=&quot;btn btn-primary&quot;>" after="</label>" value="1">Radio 1
<label class="btn btn-primary">
    <input type="radio" name="ata[RadioBtn][radio_btn]" id="RadioBtnId2" class="required" before="<label class=&quot;btn btn-primary&quot;>" after="</label>" value="2">Radio 2
</label>
</div>

谁能建议我这段代码有什么问题，或者如果你有任何想法，请帮助我。

【问题讨论】：

标签： html css cakephp cakephp-1.3

【解决方案1】：

晚会有点晚了，但今天我实际上遇到了同样的问题。您可以使用FormHelper::input(string $fieldName, array $options = array()) 方法实现此输出：

$options = array(
    'type' => 'radio',
    'legend'=> false,
    'label' => false,
    'div' => array('class' => 'btn-group', 'data-toggle' => 'buttons'),
    'class' => 'required',
    'default'=> 0,
    'before' => '<label class="btn btn-primary">',
    'separator' => '</label><label class="btn btn-primary">',
    'after' => '</label>',
    'options' => array('1' => 'Radio 1', '2' => 'Radio 2'),
);
echo $this->Form->input('radio_btn', $options);

这会产生以下 HTML：

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
        <input type="radio" name="data[radio_btn]" id="radio_btn1" value="1" class="required">
        Radio 1
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="data[radio_btn]" id="radio_btn2" value="2" class="required">
        Radio 2
    </label>
</div>

【讨论】：