Sweet Alert 2复选框值与sweetalert2确认值冲突

Question

我在sweetalert2中使用复选框为：

            $(document).on("click", "#deleteUploadedFile", function () {
                Swal.fire({
                    title: 'Are you sure you want to remove selected uploads?',
                    type: 'warning',
                    input: 'checkbox',
                    inputValue: 1,
                    inputPlaceholder:
                        'Delete Permanently',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, Remove them!',
                }).then((result) => {
                    console.log(result);
                    if (result.value) {

                        $('#deleteUploadsForm').submit();

                    }
                })
            });

使用此代码，由于未选中result.value，因此该表单无法提交。

但是，如果我删除以下三个选项，则可以正常工作。

0

但是，我想发送此复选框值，以便可以软删除或强制删除服务器上的数据。

input: 'checkbox',
inputValue: 1,
inputPlaceholder:
 'Delete Permanently',

Answer 1

最后，以下代码对我有用：

jsfiddle

这是因为在单击

if (result.value === 0 || result.value) {
  $('#deleteUploadsForm').submit();
}

和cancel的情况下。 backdrop返回result参数而不是dismiss，即在两种情况下value都未定义。

result.value

result.dismiss = "cancel"
result.dismiss = "backdrop"

并附加值：

jsfiddle