当我更改选项时，它会在另一个地方被选中

Question

我的申请有点问题。

这很难解释，但如果你按照我的小提琴中的步骤进行操作，那么你会更好地理解它。

1：打开网格并选择选项“5”。文本框将显示值“5”。

2：点击“添加问题”按钮，会出现一个新行，显示在文本框中选择的选项值。

3：现在点击行中的“打开网格”链接，然后选择选项“8”。行中的文本框更改为显示值“8”。

但是回到顶部的选项功能并单击“打开网格”，文本框仍然显示“5”，这是正确的，但是当它仍然应该是选项“5”时，它会选择选项“8”。

那么如何才能获得它，以便如果用户从表格行中更改选项，它不会更改在顶部选择的选项？

我的代码在小提琴中，请用它来测试你的想法。 click here

Answer 1

处理showGrid链接的事件时，从相应的文本框中获取值并在网格上选中它。

Answer 2

问题是您正在重复使用相同的元素来选择数字。每当点击一个数字时，它就变成“活动”数字。不要这样做，而是在显示网格时根据相关文本框选择适当的按钮。

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");