Javascript 如何使用不同的内容切换不同的模式，以及如何更改按钮？

我想切换不同的模型，分别计算结果

我尽量避免粘贴太多的模态代码，并找到了样本，但是，它使用相同的ID，所以我卡住了

如果你点击

按钮A显示模式A和计算A

按钮B显示模式B和计算B

按钮N显示模式N和计算N

有没有办法把这个按钮换成另一个？或者有什么帮助

非常感谢

$（'examplemodel'）。on（'show.bs.modal'，函数（事件）{
var button=$（event.relatedTarget）//触发模式
var recipient=button.data（'whatever'）//从数据中提取信息-*属性
//如有必要，您可以在这里启动AJAX请求（然后在回调中进行更新）。
//更新模式的内容。我们将在这里使用jQuery，但您可以使用数据绑定库或其他方法。
var modal=$（此）
modal.find（'.modal title'）.text（'表单单击'+收件人〕）
modal.find（'.modal body input'）.val（收件人）
$（“#按钮a”）。单击（函数（）{
var a=$（“#amout”）.val（）；
警报（“结果：+a”）；
});
})

运行按钮A
运行按钮B
运行按钮…N
表格1-N
&时代；
号码：
接近
计算

最快的方法是为要更改的每个按钮设置id，并在函数中更改该按钮的内部文本

Html标记

<button id="AcceptBTN" type="button" class="btn btn-primary">Send message</button>
         ^
         |
        Here

发送消息
^
|
在这里

jQuery

$('#exampleModal').on('show.bs.modal', function(event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever')
 // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.

$('#AcceptBTN')[0].innerText = recipient;   <-----------------Here

  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + recipient)
  modal.find('.modal-body input').val(recipient)
})

$（'examplemodel'）。on（'show.bs.modal'，函数（事件）{
var button=$（event.relatedTarget）//触发模式
var recipient=button.data（'whatever'）
//从数据中提取信息-*属性
//如有必要，您可以在这里启动AJAX请求（然后在回调中进行更新）。
//更新模式的内容。我们将在这里使用jQuery，但您可以使用数据绑定库或其他方法。
$（'#AcceptBTN'）[0].innerText=recipient；最快的方法是为要更改的每个按钮设置id，并在函数中更改该按钮的innerText

Html标记

<button id="AcceptBTN" type="button" class="btn btn-primary">Send message</button>
         ^
         |
        Here

发送消息
^
|
在这里

jQuery

$('#exampleModal').on('show.bs.modal', function(event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever')
 // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.

$('#AcceptBTN')[0].innerText = recipient;   <-----------------Here

  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + recipient)
  modal.find('.modal-body input').val(recipient)
})

$（'examplemodel'）。on（'show.bs.modal'，函数（事件）{
var button=$（event.relatedTarget）//触发模式
var recipient=button.data（'whatever'）
//从数据中提取信息-*属性
//如有必要，您可以在这里启动AJAX请求（然后在回调中进行更新）。
//更新模式的内容。我们将在这里使用jQuery，但您可以使用数据绑定库或其他方法。
$（'#AcceptBTN'）[0].innerText=recipient；您可以添加更多详细信息吗？您的实际需求是什么？@sarathsrajendran无法让代码段正常工作，只是附加了一个图像。您想实现什么？按钮之间的添加？就像我单击一个按钮，选择一个数字，然后单击“计算”，它是否应该输出该值的结果+该值的值以前的按钮？@tcj是的！上面的示例只是切换文本，我想添加更多内容和按钮，可能会隐藏，直到按钮按下。你能添加更多细节吗？你的实际要求是什么？@sarathsrajendran无法获得代码片段，只是附加了一个图像。你想实现什么？在两个按钮之间添加内容ons？就像我单击一个按钮，选择一个数字，然后单击“计算”，它是否应该输出该值的结果+以前按钮的值？@tcj是的！上面的示例只是切换文本，我想添加更多内容和按钮，可能会隐藏，直到按钮按下为止。谢谢，但我希望它不仅仅是更改文本文本，我将使用它们以不同的形式进行计算。您想要什么计算？打开它们的数量？或其他？让我对代码段进行更多更改。@HamidReza Heydari请再次检查。如果您想使用变量在模态之间传递一些值，最好的方法是使用变量。在页面顶部对它们进行初始化，并在页面中的每个位置使用它们谢谢，但我不想不仅仅是更改文本，我还将使用它们以不同的形式进行计算。您想要什么计算？打开它们的数量？或者其他？让我对代码段进行更多更改。@HamidReza Heydari请再次检查。如果您想使用变量在模式之间传递一些值，请在页面顶部进行初始设置，并在每次运行时使用它们在你的页面中添加e