如何使用单选按钮和JavaScript来启用禁用的CSS以更改完整的网站颜色

让我们假设我有两个CSS文件。两者都与my index.html链接。让我们假设其中一个CSS文件包含红色的所有主题，另一个CSS文件包含蓝色的所有主题。因此，如果我们启用第一个，我们的网站会显示红色，如果启用第二个，我们会显示蓝色

例如，我使用了：

默认启用

link rel=“stylesheet”type=“text/css”href=“red.css”

默认禁用

link rel=“stylesheet”type=“text/css”href=“blue.css”已禁用

这两个链接都存在于同一页面中

现在请告诉我如何使用主页上的单选按钮启用第二个并禁用第一个？
这样用户可以根据自己的喜好进行选择

我希望您能理解。
您需要通过JavaScript动态添加它。以下是加载页面后如何添加样式表：

var link =  document.createElement("link")
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "color.css");
document.getElementsByTagName("head")[0].appendChild(link);

您只需在单选按钮onClick函数中使用javascript或jQuery即可。您需要从相应的链接元素中添加/删除禁用的属性

jQuery代码：

$('link[name="red_style_sheet"]').attr("disabled", "disabled");
$('link[name="blue_style_sheet"]').removeAttr("disabled", "disabled");

document.getElementsByName("red_style_sheet").setAttribute("disabled", "disabled");
document.getElementsByName("blue_style_sheet").removeAttribute("disabled");

JavaScript代码：

$('link[name="red_style_sheet"]').attr("disabled", "disabled");
$('link[name="blue_style_sheet"]').removeAttr("disabled", "disabled");

document.getElementsByName("red_style_sheet").setAttribute("disabled", "disabled");
document.getElementsByName("blue_style_sheet").removeAttribute("disabled");

您不需要刷新页面。它应该自动工作。
您的问题已经有了答案。请参阅此链接：。要启用/禁用CSS样式表，可以将CSS文件的disabled属性设置为true/false。您可以给每个CSS链接一个id属性，然后使用id引用它。例如：
document.getElementById（“样式表_id”）。disabled=false
将禁用样式表，您将在同一代码块中删除旧的样式表。例如：$（$link[href='color-to-remove.css']）；