Класс добавления/удаления JQuery работает неправильно ⇐ Html

[Anonymous]

У меня есть форма, как показано ниже.


Что должно произойти, так это то, что при нажатии кнопки «Все дни», очевидно, все дни установлены как активные, только будние дни с понедельника по пятницу и т. д.
У меня есть следующий jQuery, который переключает классы

Код: Выделить всё

    $(document).ready(function () {
$("#allDays").on('click', function (event) {
console.log("1");
$("button[name = 'weekdaysbutton']").addClass('btn-primary');
$("button[name = 'weekenddaysbutton']").addClass('btn-primary');
});
$("#allWkDays").on('click', function (event) {
console.log("2");
$("button[name = 'weekdaysbutton']").addClass('btn-primary');
$("button[name = 'weekenddaysbutton']").removeClass('btn-default');
});
$("#allWkEnds").on('click', function (event) {
console.log("3");
$("button[name = 'weekdaysbutton']").removeClass('btn-default');
$("button[name = 'weekenddaysbutton']").addClass('btn-primary');
});
});

Но если я нажимаю только «Будние дни», он выделяет только понедельник-пятницу, но затем, если я нажимаю «Все выходные», мои с понедельника по пятницу все равно выделяются, и это происходит, какую бы кнопку я ни нажимал, мои классы, похоже, не добавляются правильно.
HTML

Код: Выделить всё

Days of the week



All Days


Weekdays Only


Weekends Only








Mon
Tue
Wed
Thur
Fri
Sat
Sun

Я не вижу, где я ошибаюсь, поскольку нажимаю правильный журнал консоли для каждого нажатия кнопки.
Когда я проверяю инструменты разработчика, он выглядит странно, как показано ниже
Первоначальная загрузка страницы


Нажал кнопку «Все дни недели».


Или есть лучший способ сделать это полностью?
У меня есть рабочая копия fiddle, но она не работает в моем коде
http://jsfiddle.net/2pcgnz0w/1/

Подробнее здесь: https://stackoverflow.com/questions/545 ... g-properly