Question

我正在尝试仅在 This Demo 上的已检查电台上的Bootsrap 3电台按钮的父节点上切换两个类.btn-primary和.btn-default。但正如你从示例中看到的那样它只能在第一次检查无线电时工作，并且无法检查另一个无线电，前一个按钮会丢失两个类

$(function () {
    $('input:radio[name="opts"]').change(function () {
        $(this).parent().toggleClass("btn-primary btn-default");
    });
});

你可以告诉我为什么会这样，以及如何解决这个问题？感谢

Answer 1

这应该可以解决问题 -

$(function () {
    $('input:radio[name="opts"]').change(function () {
        $('.btn').removeClass('btn-default');
        $('.btn').addClass('btn-primary');        
        $(this).parent().removeClass('btn-primary');
        $(this).parent().addClass('btn-default');
    });
});

这是你的小提琴：http://jsfiddle.net/cMALS/1/

在Bootstrap 3单选按钮组上切换两个类的问题

1 个答案: