Input Checkbox + DataTables + Jquery有时返回"on“而不是输入值

<form id="myForm">
  <input type="checkbox" name="option1" value="value1"> Option 1<br>
  <input type="checkbox" name="option2" value="value2"> Option 2<br>
  <input type="checkbox" name="option3" value="value3"> Option 3<br>
  <button type="submit">Submit</button>
</form>

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // 阻止表单默认提交行为

      var formData = $(this).serializeArray(); // 序列化表单数据为数组

      $.each(formData, function(index, field) {
        if (field.name.startsWith("option")) { // 判断是否为复选框
          if (field.value === "on") { // 处理复选框的值
            field.value = "checked";
          }
        }
      });

      // 打印处理后的表单数据
      console.log(formData);
    });
  });
</script>