twitter-bootstrap - 单击标签时未选择单选按钮

Question

这是标记：

<label for="big" class="labels">
    <input type="radio" name="type" value="big" id="big"> Grandes images
</label>

它是由此产生的：

<?php
    $radio_data = array('id'=>'big','name'=>'type','type'=>'radio','value'=>'big');
    echo form_label(form_input($radio_data)." Petites images\n",'small', $label_data);
?>

当我单击标签时，通常会选择单选按钮，但这并没有发生。我正在使用推特引导程序。

编辑：

新的 HTML：

<span>
   <input type="radio" name="type" value="small" id="small">
   <label for="small" class="labels radio"> Petites images</label>
</span>

新的PHP：

<?php
    echo form_input($radio1_data);
    echo form_label(" Petites images", 'small', $label_data);
?>

但是，当点击标签时，仍然没有选择收音机。

Answer 1

您将form_input()作为参数传递给form_label()这是不正确的，因为form_label()需要以下参数：

form_label($label_text = '', $id = '', $attributes = array())

尝试改变这个：

echo form_label(form_input($radio_data)." Petites images\n",'small', $label_data);

至：

echo form_input($radio_data) . form_label(" Petites images\n", $radio_data['id'], $label_data);

输出最终应如下所示：

<input type="radio" name="type" value="big" id="big">
<label for="big" class="labels"> Petites images</label>

Answer 2

我不知道php，但我知道html。

尝试带来这样的输出：

<label for="big" class="labels">
    <input type="radio" name="type" value="big" id="big">
    <i>Grandes Images</i>   
</label>

Twitter boostrap 与这个问题没有任何关系。

Answer 3

那不是有效的 HTML。标签不包含输入，它们由id输入和for标签分隔和连接。查找规格。