Javascript 变量到 Bootstrap 模式

Question

得到了什么可能是一个简单的，但我的谷歌此刻让我失望，所以希望我能在正确的方向上有所推动

我有一个 HTML 页面，它基本上是一堆复选框。这些复选框用于简单的自我评估是/否问卷，根据问题用不同的值加权。

在问卷的最后，你点击计算结果，它使用一个快速的 Javascript 函数来计算分数，一个警报弹出窗口给你分数

我最近将页面迁移到 Bootstrap 3 并对其进行了一些清理，但想使用 Modal 来弹出而不是旧样式的 Javascript 警报

是否有一种简单的方法可以将 javascript 计算变量从主页传递到 Bootstrap Modal

谢谢

编辑

对 - 解决了，正在调用 JQUERY 代码

$('#myResults').html(counter);

从我的模型中 - 将代码片段移动到主要的 javascript 函数中并且它可以工作。知道这将是一个简单的......我想可能是时候停止工作了

谢谢

Answer 1

是的 。您可以将变量传递给引导模式。

脚本文件

     <script>
 function testFun(variable){

document.getElementById('testH1').innerHTML=variable;
}
</script>

HTML

<button class="btn btn-primary btn-lg" onclick="testFun('testId')" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <h1 id="testH1"></h1>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>