Untitled

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("body").css("background-color","cyan");
    $("input[type='radio']").on('change',(function() {
        var selected_value = $("input[name=my_options]:checked").val();
        $("body").css("background-color","magenta");
        switch(selected_value)
        {
            case "1":
                $("body").css("background-color","red");
                break;
            case "2":
                $("body").css("background-color","green");
                break;
            case "3":
                $("body").css("background-color","blue");
                break;
            default:
                $("body").css("background-color","black");
        }
    }));
});
</script>
</head>
<body>

<form id="my_radio_box">
    <input type="radio" name="my_options" value="1"> Option 1
    <input type="radio" name="my_options" value="2"> Option 2
    <input type="radio" name="my_options" value="3"> Option 3
</form>

</body>
</html>