03_ugly_form_radio.js

function materializeRadioButtons() {
    var parentEl;
    document.querySelectorAll('input[type="radio"]').forEach(function(control) {
        parentEl = control.parentElement;
        control.classList.add('mdl-radio__button');
        if (parentEl.tagName == "LABEL") {
            parentEl.setAttribute('for', control.id || control.name)
            parentEl.classList.add('mdl-radio', 'mdl-js-radio', 'mdl-js-ripple-effect');
        }
    });
}

function materializeControls() {
    materializeTextInputs();
    materializeSelects();
    materializeRadioButtons();
}