使用toggleclass在jquery中单击时如何突出显示按钮？

Question

我有以下一组按钮，当在组中单击这些按钮或按钮时，所单击按钮的颜色必须突出显示。我如何使用切换类来实现这一点，或者如果不是切换类，请与我分享任何其他方法。

    <div class="btn-group" data-toggle="buttons-checkbox">
                                            <div class='input-group input-group-sm'>
                                                <span class="input-group-addon">Week</span></div>
                                            <button class="btn" name="WeekButtonGroup" id="week1_sat">
                                                S</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_sun">
                                                S</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_mon">
                                                M</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_tue">
                                                T</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_wen">
                                                W</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_thu">
                                                T</button>
                                            <button class="btn" name="WeekButtonGroup" id="week1_fri">
                                                F</button>
                                        </div>
    </div>




function highlightwhenclicked() {
 $('[name="WeekButtonGroup"]').each(function (index, element) {

            $(this).click(function () {
                   $(this).removeClass('active'); 


                    }
})
}

我知道 $(this).toggleClass 可以做到这一点，但怎么做？我不介意什么颜色，但按钮在单击时必须突出显示。提前致谢。

Answer 1

这样的事情怎么样？

$('.btn').click(function() {
    $(this).toggleClass('clicked');
});

这是一个小提琴：http://jsfiddle.net/Niffler/4uzRj/