Javascript 是否有任何Yii小部件；单选按钮组；？

我在我的项目中使用引导，我想要一个单选按钮集，如下所示

复选框1
复选框2
复选框3

但这似乎不起作用，它呈现出正常的radioButtonList表情 我在yiistrap、yiiwheels、zii和yiibooster中搜索，找不到类似于“收音机作为按钮”的小部件。 我应该为此包含jquery ui吗？我更喜欢使用已经存在的小部件。

---

有什么建议吗？

这是一个有点繁重的html部分，但有一个窍门：

$（$（'#无线电btn'）.children（））。单击（函数（）{
变量输入=$（this）.is（'input'）；
输入=输入？$（此）.next（）：$（此）；
$（'.ui-state-active'）.removeClass（'ui-state-active'）；
input.addClass（'ui-state-active'）；
$（'input'）.prop（'checked'，'false'）；
input.prev（）.prop（'checked'，'true'）；
});

选择1
选择2
选择3
这是一个有点沉重的html部分，但有一个窍门：


$（$（'#无线电btn'）.children（））。单击（函数（）{
变量输入=$（this）.is（'input'）；
输入=输入？$（此）.next（）：$（此）；
$（'.ui-state-active'）.removeClass（'ui-state-active'）；
input.addClass（'ui-state-active'）；
$（'input'）.prop（'checked'，'false'）；
input.prev（）.prop（'checked'，'true'）；
});

选择1
选择2
选择3
谢谢，但如何在页面加载时进行检查？我尝试了
checked=true
，但它不起作用。@user181452将组合设置检查为true，并将类“ui-state-active”添加到以下标签这也起作用，
$（$（'#radio btn'）.children（））.filter（':checked'）.next（）.addClass（'ui-state-active'）$（'[for=“”+$（'#无线电btn:checked'）.attr（'id'）+“'））.addClass（'ui-state-acti‌​ve'）；甚至更愚蠢，但如何在页面加载时将其选中？我尝试了
checked=true
，但它不起作用。@user181452将已选中的设置合并为true，并将类“ui状态活动”添加到以下标签这也起作用，
$（'.#radio btn'）.children（））.filter（':checked'）.next（）.addClass（'ui-state-active'）；
$（'[for=“”+$（'#无线电btn:checked'）.attr（'id'）+“'））.addClass（'ui-state-acti'）‌​甚至更愚蠢
<?php $radio = $this->beginWidget('zii.widgets.jui.CJuiButton', array(
'name'=>'checkbox-btn',
'buttonType'=>'buttonset',
'htmlTag'=>'span',
)); ?>
<input type="checkbox" id="check1" value="1" /><label for="check1">Checkbox 1</label>
<input type="checkbox" id="check2" value="2" /><label for="check2">Checkbox 2</label>
<input type="checkbox" id="check3" value="3" /><label for="check3">Checkbox 3</label>
<?php $this->endWidget();?>