将"Id“selected复选框传递给Modal bootstrap并发送到控制器

<!-- Modal弹窗 -->
<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-header">
        <h4 class="modal-title" id="myModalLabel">Modal标题</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- Modal内容 -->
        <form id="myForm">
          <input type="checkbox" id="selected" name="selected" value="true">选中
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="sendData()">发送到控制器</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

function sendData() {
  var selected = document.getElementById("selected").checked;
  
  // 使用Ajax或其他方式将数据发送到后端控制器
  // 以下是一个示例的Ajax代码：
  $.ajax({
    url: "your_controller_url",
    type: "POST",
    data: { selected: selected },
    success: function(response) {
      // 处理成功响应
    },
    error: function(xhr, status, error) {
      // 处理错误响应
    }
  });
}