Javascript 如何根据复选框中用户的选择执行特定的css

我怎样才能做到这一点？我需要在复选框中根据用户的选择运行特定的css代码

例如：

平台=Unix、Windows和网络=执行Unix、Windows和网络的css

平台=Windows和网络=执行Windows和网络的css

我将在sharepoint日历列表中的内容编辑器中运行此操作

请参考下面的代码

函数SubmitClicked（）{
var platform=$（“输入[name='platform']：选中”）.map（函数（）{
返回此.value；
}).get（）；
var csscode=“”；
if（平台==“Unix、Windows、网络”）{
csscode=“UnixCSS、WindowsCSS、NetworkCSS”；
}
如果（平台==“Unix，Windows”）{
csscode=“UnixCSS，WindowsCSS”；
}
if（平台==“Unix，网络”）{
csscode=“UnixCSS，NetworkCSS”；
}
如果（平台==“Unix”）{
csscode=“UnixCSS”；
}
如果（平台==“Windows”）{
csscode=“WindowsCSS”；
}
如果（平台=“网络”）{
csscode=“NetworkCSS”；
}   
}

--------------------------------------------------------------------------------
//UnixCSS
.ms-acal-color1分区、.ms-acal-color1分区a、.ms-acal-apanel-color1 SPAN{
显示：无；
}
ms-acal-color1女士{
显示：无；
}
ms-acal-selcolor1{
显示：无；
}
ms-acal-apanel-color1女士{
显示：无；
}
---------------------------------------------------------------------------------
//WindowsCSS
.ms-acal-color2分区、.ms-acal-color2分区a、.ms-acal-apanel-color2 SPAN{
显示：无；
}
ms-acal-color2女士{
显示：无；
}
ms-acal-selcolor2女士{
显示：无；
}
ms-acal-apanel-color2女士{
显示：无；
}
---------------------------------------------------------------------------------------
//网络CSS
.ms-acal-color3分区、.ms-acal-color3分区a、.ms-acal-apanel-color3跨度{
显示：无；
}
ms-acal-color3女士{
显示：无；
}
ms-acal-selcolor3{
显示：无；
}
ms-acal-apanel-color3女士{
显示：无；
}

平台
Unix
窗户
网络

您应该根据复选框更改来更改标记类

或者您可以使用

：checked

css伪类

输入[type=checkbox]+标签{
颜色：#ccc；
字体：斜体；
} 
输入[类型=复选框]：选中+标签{
颜色：#f00；
字体风格：普通；
}

CSS太棒了

非常感谢！成功了。我只是做了一些修改，但我提到了你的第一个推荐人