JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="radio" name="letter" value="A"/>A!</label>
<label><input type="radio" name="letter" value="B"/>B!</label>
<label><input type="radio" name="letter" value="C"/>C!</label>
<label><input type="radio" name="number" value="1"/>1!</label>
<label><input type="radio" name="number" value="2"/>2!</label>
<label><input type="radio" name="number" value="3"/>3!</label>

<div id="result"></div>

JavaScript

dataset = {
	'A': [1,2],
	'A.color': 'red',
	'B': [3,1],
	'B.color': 'blue',
	'C': [2,3],
	'C.color': 'yellow'
};

$('input[name="letter"]').on('change', function() {
    var letter = $('input[name="letter"]').filter(':checked');
	letter = letter.val();
    
    var workingdata = dataset[letter];
	$('#result').text(workingdata[1]);
    for (var i in workingdata) {
	$('input[name="number"][value="' + workingdata[i] + '"]').parent().css('color', dataset[letter + '.color']);
    }
});