如何让jQuery基于多个单选按钮选择来更改CSS？

<input type="radio" id="option1" class="radio-btn" name="options" value="option1"> Option 1
<input type="radio" id="option2" class="radio-btn" name="options" value="option2"> Option 2
<input type="radio" id="option3" class="radio-btn" name="options" value="option3"> Option 3

<div id="target-element">This is the target element</div>

$(document).ready(function() {
  $('.radio-btn').change(function() {
    if ($('#option1').is(':checked')) {
      $('#target-element').css('color', 'red');
    } else if ($('#option2').is(':checked')) {
      $('#target-element').css('color', 'blue');
    } else if ($('#option3').is(':checked')) {
      $('#target-element').css('color', 'green');
    }
  });
});