文本框中未显示正确的数字

Question

问题：

在“答案数量”文本框中，它应显示数字1，但它不会显示数字2，显示此数字的原因是在按钮更改之前，您选择了2个字母按钮，因此它在文本框中显示2，因为您之前选择了2个字母按钮。

现在发生这种情况是因为这段代码：

$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,

<{1>}中的

，但我确实需要此代码。

我需要这个代码的原因是因为我们说有7个字母按钮“AG”，你打开所有的字母按钮，文本框会显示数字“7”，但如果我改变主意，我只想显示5个字母按钮“AE”，然后文本框将从“7”变为“5”，因为现在只有5个按钮打开。这就是我需要这个代码的原因。

所以我的问题是，如果用户点击了“添加”按钮，如何从文本框中显示添加的行中“答案数量”列中的数字？

下面是我所拥有的代码，当单击“添加”按钮时，它会在文本框中显示数字但是由于$('.gridBtns').on('click', function()而被覆盖，并且该代码是

"$('#btn'+gridValues).trigger('click');"

$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,

中的

$('.gridBtns').on('click', function()

Answer 1

我认为你可以为.gridBtns元素添加一个自定义属性，指定谁触发了点击按钮，这样当用户点击.gridBtns元素时你可以使用$（this）.attr（“cutom属性名称”）并使用此值来检查触发操作的人员，您将根据此做出反应。

Answer 2

我认为重要的问题是：为什么你必须首先指定答案的数量和可能的答案集？这是冗余。如果您希望拥有这种冗​​余并始终保持一致，则必须定义约束来执行此操作，例如：将其中一个标识为主要内容 - 文本框应始终显示按下的按钮数（因此应为只读）或（不太可能）按下的按钮数应始终等于文本框中的数字。< / p>

允许用户独立编辑这两者必然会导致您描述的类型不一致，即使没有“添加”按钮也是如此。我的意思是，我可以输入“2”，然后继续并尽可能标记所有答案。