Javascript 用复选框替换选择标记，以便在暗主题和亮主题之间切换

我正在使用jquery的

select

标记在网站外观的暗主题和浅主题之间切换

这是我的代码，运行良好

$（函数（）{
$（'.style change'）.change（函数（）{
var style=$（this.val（）；
$（'body'）.fadeOut（“慢”，function（）{
$（'link[rel=“stylesheet”]'）.attr（“href”，style+“.css”）；
$（'body'）.fadeIn（“慢”）；
$.cookie（“css”，样式{
有效期：365，
路径：'/'
});
});
});
});
$（文档）.ready（函数（）{
$（“#风格”）.val（“”）；
});

仪表板
只有一个错误
$（'btnSumbit'）
应该是
$（'btnSumbit'）


$（文档）.ready（函数（）{
$（“#样式”）。单击（函数（）{
var style=this.checked？“https://bootswatch.com/3/darkly/bootstrap.min' : 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min';
$（'body'）.fadeOut（“慢”，function（）{
$（'link[rel=“stylesheet”]'）.attr（“href”，style+“.css”）；
$（'body'）.fadeIn（“慢”）；
});
});
var defaulttheme=https://bootswatch.com/3/darkly/bootstrap.min';
如果（defaulttheme=='https://bootswatch.com/3/darkly/bootstrap.min'){
$（'#style'）.attr（“checked”，true）；//当您只想更新checked状态时执行此操作
$（“#样式”）。单击（）；
//要将初始主题设置为“暗”时执行此操作
}
});

仪表板
您可以尝试向复选框添加值

<input id="#input" type="checkbox" value="true">

}

我想使用复选框在主题/样式表之间切换

是的，这是可能的：


$（函数（）{
$（'#dark'）。on（'change'，function（）{
var href=https://www.w3schools.com/lib/w3-theme-indigo.css';
如果（选中此项）{
href='https://www.w3schools.com/lib/w3-theme-black.css';
}
$('', {
'href'：href，
“rel”：“样式表”
}).附于（“主体”）；
}).触发（“变更”）；
});

使用黑色主题
靛蓝
w3文本主题
$（'btnSumbit'）
应为
$（'btnSumbit'））
。在选择某个特定字段时，您希望在您所说的过程中更改什么背景颜色？？？我设置默认引导样式，并选中“希望”复选框，然后提交黑色样式表。该函数正在运行，但新样式表未应用。我在您添加的第一个代码段中看到
https://bootswatch.com/3/darkly/bootstrap.min
css用于黑色主题，但在第二个代码段中没有这样做，我更新了代码，只是现在检查一下。如何恢复到默认主题？仅在选中和取消选中复选框时，我是否可以在不使用提交按钮的情况下实现此目的？我问这个问题是因为我想设计复选框，让它像一个切换开关更新检查现在。谢谢。如何基于样式表添加或删除选中的
？您可以如何实现它吗？
if($("#input").value == "true"){
   applyDarkTheme();

}else{
   applyLightTheme();