Javascript 如何使用jQuery click（）在颜色之间转换

当用户选择不同的单选按钮值时，我希望在颜色之间转换。我现在已经有了一个“有效”的例子，只需要立即改变身体的背景颜色，但是我尝试使用fadeOut（）和fadeTo（）方法，但没有效果

如果有人能告诉我应该在哪里进行修改，以及使用哪种方法，这就是我到目前为止所拥有的

非常感谢

colorchange.js

$(document).ready(function () {

  $("#goodRad").click(function () {

        $("body").css('background-color', '#90EE90');//LightGreen
        console.log("make body green!");
  });

  $("#okRad").click(function () {

        $("body").css('background-color', '#FFA07A');//LightSalmon
        console.log("make body amber!");
  });

  $("#badRad").click(function () {

        $("body").css('background-color', '#F08080');//LightCoral
        console.log("make body red!");
  });
});

---

您可以使用css转换背景色。我还将jquery修改了一点，但您所需要做的就是从这个答案中添加CSS。

$（'input'）。在（'change'，function（）上{
$（'body'）.css（'background-color'，$（this.attr（'data-color'））；
})

正文{
过渡：背景色。5s；
}

---

您可以使用css来转换背景色。我还将jquery修改了一点，但您所需要做的就是从这个答案中添加CSS。

$（'input'）。在（'change'，function（）上{
$（'body'）.css（'background-color'，$（this.attr（'data-color'））；
})

正文{
过渡：背景色。5s；
}

没有jQuery:

主体{过渡：背景色500ms ease}

太棒了！非常感谢，我有点希望继续使用jQuery来了解更多关于它的信息，但是这很酷！没有jQuery:

body{transition:background color 500ms ease}

太棒了！非常感谢，我有点希望继续使用jQuery来了解更多关于它的信息，但是这很酷！杰出的正是我想要的：）。是否已经有输入的值（但不需要它们，因此可以更改为有），是否有其他方法可以在不使用.val（）方法的情况下实现相同的结果？太好了！正是我想要的：）。如果已经有了输入的值（但不需要它们，因此可以更改为有），是否有其他方法可以实现相同的结果而不使用.val（）方法？