JSFiddle - React, Tailwind, and code Playground

HTML

<table>
                <thead>
                    <tr>
                        <th>Head</th>
                    </tr>
                </thead>
                <tbody class="radio-list">
                    <tr class="crimeOption">
                        <td><input type="radio" name="valgt" id="valgt1" /><label>Option 1.</td>
                    </tr>
                    <tr class="crimeOption">
                        <td><input type="radio" name="valgt" id="valgt2" /><label>Option 2.</td>
                    </tr>
                    <tr class="crimeOption">
                        <td><input type="radio" name="valgt" id="valgt3" />Option 3.</td>
                    </tr>
                    <tr class="crimeOption">
                        <td><input type="radio" name="valgt" id="valgt4" />Option 4.</td>
                    </tr>
                    <tr class="crimeOption">
                        <td><input type="radio" name="valgt" id="valgt5" />Option 5.</td>
                    </tr>
                </tbody>
            </table>

CSS

.checked {
    background: linear-gradient(to right, rgb(76, 140, 128), rgba(55, 119, 120, 1));
}

JavaScript

var valgt = document.querySelector('#valgt1');

valgt.onchange = function() {
    // Get span and div
    if(this.checked) {
        var elements = document.querySelectorAll('.crimeOption');

        // Loop elements & add class
        for(var i = 0; i < elements.length; i++) {
            if (elements[i].classList)
                elements[i].classList.add("checked");
            else
                elements[i].className += ' checked';
        }
    }
};

//jQuery implementation
$('#valgt').change(function() {
    if($(this).is(':checked')) {
        $('.crimeOption').addClass('checked');
    }
});