点击按钮bootstrap模态框modal-body里面的内容动态切换

在bootstrap模态框的modal-body中动态切换内容，可以通过JavaScript来实现。以下是一个示例代码：

HTML代码：

<button id="toggle-btn">切换内容</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div id="content1">
          内容1
        </div>
        <div id="content2" style="display: none;">
          内容2
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

JavaScript代码：

document.getElementById('toggle-btn').addEventListener('click', function() {
  var content1 = document.getElementById('content1');
  var content2 = document.getElementById('content2');
  
  if (content1.style.display === 'none') {
    content1.style.display = 'block';
    content2.style.display = 'none';
  } else {
    content1.style.display = 'none';
    content2.style.display = 'block';
  }
});

在上述代码中，我们首先给按钮绑定了一个点击事件，当按钮被点击时，会根据内容的显示状态进行切换。内容1和内容2分别被放置在id为content1和content2的div中，通过设置display属性来控制它们的显示与隐藏。初始状态下，我们将内容2设置为隐藏。

当按钮被点击时，我们通过检查内容1的display属性来判断当前显示的内容，然后通过设置display属性来切换内容的显示与隐藏。如果内容1当前是隐藏的，我们将其显示，并将内容2隐藏；如果内容1当前是显示的，我们将其隐藏，并将内容2显示。

你可以根据自己的需求修改内容的显示与隐藏方式，例如使用CSS类进行样式控制