JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Click to disable radio series above selected group</h2>
<br>
<div id="version_history">
<input type="radio" id="versions_1_1" name="v1" value="">
<input type="radio" id="versions_1_2" name="v1" value="">
<input type="radio" id="versions_1_3" name="v1" value="">
<input type="radio" id="versions_1_4" name="v1" value="">
<br>
<input type="radio" id="versions_2_1" name="v2" value="">
<input type="radio" id="versions_2_2" name="v2" value="">
<input type="radio" id="versions_2_3" name="v2" value="">
<br>
<input type="radio" id="versions_3_1" name="v3" value="">
<input type="radio" id="versions_3_2" name="v3" value="">
<input type="radio" id="versions_3_3" name="v3" value="">
<input type="radio" id="versions_3_4" name="v3" value="">
<br>
<input type="radio" id="versions_4_1" name="v4" value="">
<input type="radio" id="versions_4_2" name="v4" value="">
<input type="radio" id="versions_4_3" name="v4" value="">
<input type="radio" id="versions_4_4" name="v4" value="">
<br>
<input type="radio" id="versions_5_1" name="v5" value="">
<input type="radio" id="versions_5_2" name="v5" value="">
<input type="radio" id="versions_5_3" name="v5" value="">
</div>
<button>reset</button>
JavaScript
$(document).ready(function(){
$(':radio').click(function(){
disableSeries( $(this) );
});
$(':button').click(function(){
$('#version_history input').removeAttr('disabled');
});
})
// disable series less than selected group
function disableSeries(el){
var inputs = $('#version_history input');
var ver = el.attr('id').match(/versions_(\d)_(\d)/);
var firstInGroupIndex = inputs.index(inputs.filter('[id^=versions_' + ver[1] + ']'));
inputs.filter(':lt(' + firstInGroupIndex + ')').attr('disabled',true);
}