JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-type="horizontal" > 
                 <input type="radio" name="radio-view"  data-icon="segment-titlestyle-segonly"  id="segment1" value="choice1" checked="checked"/> 
                     <label for="segment1"  id="controls">
                    <span class="ui-btn-text-controls">Iedereen</span>
                </label> 
                <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment2" value="choice2" /> 
                <label for="segment2" id="controls">
                    <span class="ui-btn-text-controls">Team</span>
                </label> 
                <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment3" value="choice3" /> 
                    <label for="segment3" id="controls">
                    <span class="ui-btn-text-controls">Favorieten</span>
                </label>  
    </fieldset>

JavaScript

$("input[type=radio]").click(function(){
if(document.getElementById('segment1').checked) {
         alert('Iedereen');
    }else if(document.getElementById('segment2').checked) {
         alert('team');
    }else{
        alert('favorieten');
    }
});