如何在选中复选框时填充弹出窗口jquery？

<input type="checkbox" id="checkbox">选中复选框时填充弹出窗口

<div id="popup" style="display: none;">
  <input type="text" id="input">
  <button id="submit">提交</button>
</div>

$(document).ready(function() {
  // 监听复选框的改变事件
  $('#checkbox').change(function() {
    if ($(this).is(':checked')) {
      // 复选框被选中时显示弹出窗口
      $('#popup').show();
    } else {
      // 复选框未被选中时隐藏弹出窗口
      $('#popup').hide();
    }
  });

  // 监听提交按钮的点击事件
  $('#submit').click(function() {
    var inputVal = $('#input').val();
    // 在这里可以进行填充弹出窗口的逻辑处理
    alert('填充的内容为：' + inputVal);
  });
});