Question

我已经构建了一组像单选按钮一样工作的按钮。当您单击给定组内的按钮时，将选择无线电，并且应将类添加到该组中选定的按钮。

无线电工作正常但我的班级并未与按钮组隔离 - 它只是将类添加到所选组中单击的按钮。我试图让班级点击该组内的按钮。

我做错了什么？

$('.radio-group .radio-btn .btn').click(function () {
    $('.radio-group .radio-btn .btn').removeClass('btn-primary');
    $(this).addClass('btn-primary');
});

http://jsfiddle.net/vcx0f8xc/

Answer 1

尝试以下代码

$('.radio-group .radio-btn .btn').click(function () {
    $(this).closest('ul').find('.btn-primary').removeClass('btn-primary');
    $(this).addClass('btn-primary');
});

但只是提醒您，'<p>'元素上的点击会更改颜色，但不会检查单选按钮。

Answer 2

试试这个

$('.radio-group .radio-btn .btn').click(function () {
  $(this).parent().parent().find('.btn').removeClass('btn-primary');
  $(this).addClass('btn-primary');

}）;

Answer 3

只需要使用parent（）来查找btn ...用作

$('.radio-group .radio-btn .btn').click(function () {
  $(this).parent().parent().find('.btn').removeClass('btn-primary');
  $(this).addClass('btn-primary');
});

Demo

我的网络已经落后了......我想有人事先发布了相同的内容

AddClass到组而不从相似的组中删除它

3 个答案: