如何从选定的(复选框)列表视图和上传到服务器jquery mobile获取值

<div data-role="page">
  <div data-role="content">
    <ul data-role="listview" data-inset="true" id="myList">
      <li>
        <input type="checkbox" name="item1" id="item1" value="Item 1">
        <label for="item1">Item 1</label>
      </li>
      <li>
        <input type="checkbox" name="item2" id="item2" value="Item 2">
        <label for="item2">Item 2</label>
      </li>
      <li>
        <input type="checkbox" name="item3" id="item3" value="Item 3">
        <label for="item3">Item 3</label>
      </li>
    </ul>
    <button id="submitBtn">Submit</button>
  </div>
</div>

$(document).ready(function() {
  $('#submitBtn').click(function() {
    var selectedValues = [];
    $('input[type="checkbox"]:checked').each(function() {
      selectedValues.push($(this).val());
    });

    // 将选中的值上传到服务器
    $.ajax({
      url: 'your_server_url',
      method: 'POST',
      data: { selectedValues: selectedValues },
      success: function(response) {
        // 处理服务器响应
      },
      error: function(xhr, status, error) {
        // 处理错误
      }
    });
  });
});