Передать данные из js в php в ту же страницу файл при рендере страницы нельзя, js это клиент, php это сервер, когда загружается страница запрос пост отправленный js ещё не пришел, и $_POST['checkout'] не существует, поэтому выводит вам null.
Тоесть у вас во вкладке Нетворк браузера должно быть два запроса index.php один get на рендер страницы, второй ваш post, и во втором как раз ваша переменная и должна вывестись вместе со всем html.
Чтобы вывести данные в div лучше всеже использовать сам js
Если делаете API то создайте второй файл API.php и в нем методы которые будут возвращать данные вам в js, а jsом уже выводить их куда надо.