, когда я меняю параметр, он выбран в другом месте

Question

У меня небольшая проблема с моим приложением.

Это очень сложно объяснить, но если вы выполните шаги, приведенные ниже, в моей скрипке, вы поймете это намного лучше.

1: открыть сетку и выбрать опцию «5». В текстовом поле будет отображаться значение «5».

2: Нажмите кнопку «Добавить вопрос», появится новая строка с указанием значения параметра, выбранного в текстовом поле.

3: Теперь нажмите ссылку «Открыть сетку» в строке и выберите вариант «8». Текстовое поле в строке изменяется, чтобы показать значение «8».

Но вернитесь к опции в верхней части экрана и нажмите «Открыть сетку», текстовое поле все еще указывает «5», что правильно, но в нем указано, что опция «8» выбрана, когда она еще должна быть опцией «5», ,

Как я могу получить его так, чтобы, если пользователь меняет параметр из строки таблицы, он не изменяет параметр, выбранный в верхней части?

Мой код в скрипке, пожалуйста, используйте его, чтобы проверить свои идеи. click here

Answer 1

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

http://jsfiddle.net/f8cKm/25/

$('.showGrid').live('click', function(jqEvt) { 

     $(".gridBtns").removeClass("gridBtnsOn"); 

     var value = $(this).siblings('input[name=gridValues]').val(); 

     $("#btn" + value).addClass("gridBtnsOn"); 

Answer 2

При обработке события для showGrid ссылка получает значение из соответствующего текстового поля и выбирает его в сетке.