Приветствую! На несколько недель пришлось отойти от темы, а по возвращению понял, что почти ничего не понял. Прочёл кучу документации, но на практике мало что получается. 
Ниже код. Вот как раз из такого мне и надо, по нажатию на кнопку "Обработать", вытащить все значения, присвоить эти значения переменным и дальше с этими переменными работать. Допускаю, что в самом HTML-коде чего-то не хватает. Я в начале пути...
<form class="main-form" id="main-form">
        Число:
        <input class="input-number" type="number" name="main-number" id="main-number"> 
        Дата:        
        <input class="input-date" type="date" name="main-date" id="main-date">
        <ul>
            <li><input type="radio" name="radio-button" value="r-first" id="radio-first" class="radio-button">
            Радио 1</li>
            <li><input type="radio" name="radio-button" value="r-second" id="radio-second" class="radio-button">
            Радио 2</li>
        </ul>
        <ul>
            <li><input type="checkbox" name="chb-first" id="checkbox-first">
            Чекбокс 1</li>
            <li><input type="checkbox" name="chb-second" id="checkbox-second">
            Чекбокс 2</li>
        </ul>
        <input type="submit" value="Обработать">
</form>