<html>
<head>
<style>
.vib1 {
color: #f00;
}
.vib2 {
color: #0f0;
}
</style>
</head>
<body>
<input type="checkbox" id="snyatlen1" />
<div class="vib1" id="men1">Text</div>
<script type="text/javascript">
document.getElementById("men1").className = document.getElementById("snyatlen1").checked ? "vib2" : "vib1";
</script>
</body>
</html>
Что не работает? Если это по загрузке, будет работать, если при смене флажка, то не будет, нужно изменять стиль по щелчку еще.