<button class=&quot;btn btn-primary&quot; id=&quot;toggler&quot;>click me</button>
        <br>
        <br>

        <fieldset class=&quot;form-group&quot;>
            <input id=&quot;radio1&quot; type=&quot;radio&quot; name=&quot;group1&quot; value=&quot;test1&quot; checked>
            <label for=&quot;radio1&quot;>Option 1</label>
        </fieldset>

        <fieldset class=&quot;form-group&quot;>
            <input id=&quot;radio2&quot; type=&quot;radio&quot; name=&quot;group1&quot; value=&quot;test2&quot;>
            <label for=&quot;radio2&quot;>Option 2</label>
        </fieldset>

        <fieldset class=&quot;form-group&quot;>
            <input id=&quot;radio3&quot; type=&quot;radio&quot; name=&quot;group1&quot; value=&quot;test3&quot;>
            <label for=&quot;radio3&quot;>Option 2</label>
        </fieldset>

        var $radios = $('input[type="radio"][name="group1"]')
        $('#toggler').click(function () {
            var $checked = $radios.filter(':checked');
            var $next = $radios.eq($radios.index($checked) + 1);
            if (!$next.length) {
                $next = $radios.first();
            }
            $next.prop("checked", true);
        });

$("#asama1").click(function () {
 $("#a1").show();
 $("#a2").hide();
 $("#g1").hide();
 $("#g2").hide();
 $asama = "I"; 
 $asama1 = "Aşama I";
 $title = $asama1;
 document.getElementById("legend_title").innerHTML = $title;
 return false;
});

<div class="ui-buttonset" id="asamalar">
 <input type="radio" id="asama1" name="radios" value="I">
 <label for="asama1">Aşama I</label>

 <input type="radio" id="asama2" name="radios" value="II">
 <label for="asama2">Aşama II</label>

 <input type="radio" id="gozetim1" name="radios" value="gI">
 <label for="gozetim1">Gözetim I</label>

 <input type="radio" id="gozetim2" name="radios" value="gII">
 <label for="gozetim2">Gözetim II</label>
</div>