Радио кнопки снять / проверить

Question

У меня есть форма, состоящая из переключателей.Ссылка здесь http://jsfiddle.net/CUTnY/2/

В окне результатов вы можете видеть серые заголовки и несколько переключателей под каждым заголовком.Я пытаюсь, что я очень близок, чтобы позволить пользователю выбрать только одну радиокнопку из каждой строки (что работает), но, как вы можете видеть нижний ряд радиокнопок под некоторыми заголовками (некоторые из них 3), это массовая покупкаВы можете увидеть их, посмотрев любую строку, в которой в описании есть слова «сохранить».

В настоящий момент каждый набор переключателей под каждым заголовком работает правильно, например, три верхних ряда переключателей, которые выможно выбрать один из двух верхних рядов, и если вы выберете один из рядов «сохранить», два верхних будут отменены.Но если вы затем перейдете к следующему набору переключателей и поиграете с ними (если пользователь выбрал «сохранить» из верхних опций), то этот параметр исчезнет?

В основном каждый набор переключателей под каждымсерый заголовок никоим образом не должен влиять на другие подходы, которые они по какой-то причине делают

Answer 1

Это потому, что каждый раз, когда вы делаете выбор, .style5 имеет около 10 обработчиков, которые вызываются одновременно для изменения ввода.

//You have 10 of these declared, that all fire at the same time anytime you click on an input that is a descended of a td with class style5

$('.style5').on('change', 'input', function() {
    if (this.name == "keystage1save") {
        $yearstages.filter('input:checked').prop('checked', false);
    } else {
        $savestages.filter('input:checked').prop('checked', false);
    }
});

Вам нужно разбить их на части, используя разные классы.