На радио-кнопке выполнить функцию onChange

У вас есть две кнопки радио с одинаковым именем:

<div class="radio radio-search">
    <label>
        <input id="radio-new-pop" type="radio" name="radio_newest_popular" value="new" />
        Neueste
    </label>
    <label>
        <input id="radio-new-pop2" type="radio" name="radio_newest_popular" value="new" />
        Other
    </label>
</div>

Добавьте функцию javascript для обработки этого изменения:

var onRadioButtonChange = void 0;
{
    onRadioButtonChange = function (e) {
        theFunctionYouWantToExecute(); // pass this or e.target if needed
        return false;
    }
}

Прикрепите его к своим элементам:

Array.prototype.forEach.call(
    document.querySelectorAll('input[type="radio"]'), 
    function (element) { 
        element.addEventListener('change', onRadioButtonChange, false); 
    }
);

Возможно, попробуйте поместить слушатель jquery в $(document).ready().

ИЛИ

Вы можете добавить обработчик click на радио, например так:

    <div class="radio radio-search">
        <label>
            <input id="radio-new-pop" type="radio" name="radio_newest_popular" value="new" onclick="handleClick(this)">
        Neueste</label>

И в JS:

    handleClick(myRadio) {
        // click function logic
    }

Адаптировано из этого ответь.