YiiBooster TbButtonGroup如何更改所选按钮的颜色

时间:2014-09-22 20:22:33

标签: javascript php css twitter-bootstrap yii

我在渲染模式中有以下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()"

0 个答案:

没有答案