SOURCE

let myModule = (function() {
    function submit() {
        // 获取表单容器
        const form = document.querySelector('.form');
        // 获取多选框列表
        const checkboxList = form.querySelectorAll('input[type=checkbox]');
        // 将数据保存到一个对象
        const formDataMap = {
            hobbys: [...checkboxList]
                .filter(checkbox => checkbox.checked)
                .map(checkbox => checkbox.value)
        };
        // 获取数据
        console.log(JSON.stringify(formDataMap, null, 2));
        // 提交数据
        fetch('https://baidu.com', {
            method: 'POST',
            body: JSON.stringify(formDataMap),
            headers: new Headers({
                'Content-Type': 'application/json'
            })
        }).then(res => res.json())
            .catch(error => console.error('Error:', error))
            .then(response => console.log('Success:', response));
    }
    return {
        submit
    }
})()

<div class="form">
    爱好：
    <div class="form-items__checkbox-group">
        <input type="checkbox" value="lol" /> lol
        <input type="checkbox" value="王者荣耀" /> 王者荣耀
        <input type="checkbox" value="绝地求生" /> 绝地求生
    </div>
    <button onclick="myModule.submit()">submit</button>
</div>