jsp中点击按钮弹出模态框

在JSP中点击按钮弹出模态框，可以使用Bootstrap框架中的Modal组件来实现。

首先，在JSP页面中引入Bootstrap的CSS和JS文件：

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

然后，在页面中添加一个按钮：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">打开模态框</button>

其中，`data-toggle="modal"`表示点击按钮时弹出模态框，`data-target="#exampleModal"`表示模态框的ID为exampleModal。

最后，在页面中添加模态框的HTML代码：

<div class="modal" tabindex="-1" role="dialog" id="exampleModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">模态框标题</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>模态框内容</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>

在上述代码中，`id="exampleModal"`与按钮中的`data-target="#exampleModal"`对应，`class="modal"`表示这是一个模态框，`role="dialog"`表示角色为对话框。

点击按钮后，模态框就会弹出，点击关闭按钮或者点击模态框外部区域都可以关闭模态框。