在文本框中显示正确的值

Question

我知道一些答案Textbox（#numberAnswerTxt）。现在我正在使用这段代码：

$('input#numberAnswerTxt').val('');

现在这样做的是，每当我打开（打开网格）链接并选择一个选项时，答案文本框的数量就会变回为空。

现在我想要的是这行代码更改，以便每次用户从网格更改选项，而不是文本框变为空白时，我希望文本框显示已选择的答案按钮数量的图形

答案按钮是任何字母的按钮“A”，如果按钮变为绿色，则选择它们。

请按照以下步骤查看是否可以获得此结果：

1. 打开网格并选择选项“3”。按钮A B和C会出现。

2. 在答案数文本框中输入数字“2”，选择按钮A和C将变为绿色，答案文本框的数字将显示数字3.

3. 现在将网格中的选项从“3”更改为“7”。现在除了“B”之外的所有答案都被选中了。现在在文本框中，它应该显示“6”表示答案数量，但现在显示一个空白文本框。

那么如何编码以便在网格选项发生变化的情况下，在文本框的答案数量中，它会在文本框中显示所选答案的数量？

由于

$('input#numberAnswerTxt').val('');位于$(".gridBtns").click(function()。

完整代码位于Jsfiddle，点击here

Answer 1

$('input#numberAnswerTxt').val($('input.answerBtnsOn').size());