Javascript 从按钮组中单击按钮时，更改许多按钮的值（文本）

你好，我需要一些小的帮助。 当我单击前5个按钮中的一个（这些按钮没有值（如输入字段）），将显示一个包含3个数字1、2和3的按钮组。 当我单击其中一个按钮时，我单击的按钮的值（数字）将覆盖我第一次单击的按钮的值（文本）。 我的问题是：所有的按钮都被我点击的数字的值（文本）覆盖了

$（函数（）{
变量l=$（“div.col-xs-12”）。长度；
函数getRndInteger（最小值、最大值）{
返回Math.round（Math.random（）*（max-min））+min；
}
$（“div#gr.btn-group”）.hide（）；
$（“.bt”）。单击（函数（）{
$（“div#gr.btn-group”）.show（）；
});
$（“.btt”）。单击（函数（）{
$（'.bt'）.text（$（this.text（））；
$（“div#gr.btn-group”）.hide（）；
});
});
.btn组按钮{
背景色：#103c52；
边框：1px实心#1b1d1b；
颜色：白色；
填充：10px 24px；
光标：指针；
浮动：左；
边界半径：10px；
左边距：5px；
}
/*清除浮动（clearfix hack）*/
.btn组：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
.btn组按钮：非（：最后一个子项）{
边界权：无；
/*防止双重边界*/
}
/*在悬停时添加背景色*/
.btn组按钮：悬停{
背景色：#3e8e41；
}
button.bt，
button.btt{
字体家族：继承；
字体大小：继承；
行高：继承；
宽度：60px；
高度：40px；
边框：2件纯黑；
边界半径：5px；
}
button.bt{
字体大小：25px；
/*文本对齐：居中*/
}











1.
2.
3.
发生这种情况是因为您正在将文本分配给此语句中的所有按钮：

$('.bt').text($(this).text());

您可以改为存储对占位符按钮的引用（请参阅以下代码段中的
clicked
变量），然后在单击值按钮时，仅将文本指定给保存的引用


$（函数（）{
变量l=$（“div.col-xs-12”）。长度；
var=null；
函数getRndInteger（最小值、最大值）{
返回Math.round（Math.random（）*（max-min））+min；
}
$（“div#gr.btn-group”）.hide（）；
$（“.bt”）。单击（函数（）{
单击=$（此项）；
$（“div#gr.btn-group”）.show（）；
});
$（“.btt”）。单击（函数（）{
单击.text（$（this）.text（））；
单击=空；
$（“div#gr.btn-group”）.hide（）；
});
});
.btn组按钮{背景色：#103c52；边框：1px实心#1b1d1b；颜色：#fff；填充：10px 24px；光标：指针；浮动：左；边框半径：10px；边距左：5px}。btn组：在{内容：；清除：两者；显示：表格}。btn组按钮：非（：最后一个子）{边框右：无}。btn组按钮：悬停{背景色：#3e8e41}。bt{字体系列：继承；字体大小：继承；行高：继承；宽度：60px；高度：40px；边框：2px实心#000；边框半径：5px}按钮。bt{字体大小：25px}











1.
2.
3.