我在渲染模式中有以下Yii Booster TbButtonGroup:
$this->widget('booster.widgets.TbButtonGroup',array(
'buttons' => array(
array('label' => 'Low Danger',
'htmlOptions'=>array(
'id' => 'lowDangerButton',
'onClick'=>'function()
{
$("#symptomFlagTextField").val("1");
$("#lowDangerButton").addClass("selectedFlag");
}')),
array('label' => 'Mild Danger', 'htmlOptions'=>array('id' => 'mildDangerButton', 'onClick'=>'$("#symptomFlagTextField").val("2");')),
array('label' => 'High Danger', 'htmlOptions'=>array('id' => 'highDangerButton', 'onClick'=>'$("#symptomFlagTextField").val("3");'))
),
)
);
我想要做的是,当用户按下按钮时,该按钮的颜色将变为每个按钮不同的颜色(第一个按钮应变为绿色,第二个黄色和第三个红色)。
我尝试通过向按钮添加一个类来实现它(您可以通过第一个按钮看到这个示例),但是当我运行它时,它不会将该类添加到按钮。但是函数中的第一个命令($("#symptomFlagTextField")。val(" 1");)完美无缺。
有关如何解决此问题的任何想法?或任何其他选项以获得相同的效果。
感谢您的时间
固定
制作一个单独的js功能 功能dothis() { $("#symptomFlagTextField&#34)VAL。(" 1&#34); $("#lowDangerButton&#34)。addClass(" selectedFlag&#34); }
只需设置" onClick" =>" dothis()"