CSS风格的变换

Question

<link rel="stylesheet" href="a.css" id="css">
<input type=checkbox onclick="GetCSS(this)">
<script>
function GetCSS(o)
{
 if(o.checked)
 document.getElementById("css").href="b.css"
 else
 document.getElementById("css").href="a.css"
}
</script>a.css
===========
body{
background:red
}b.css
==========
body{
background:blue
}

Answer 1

<style>
.aa{background-color:red}
.bb{background-color:blue}
</style>
<input  class="aa" type="checkbox" onclick="(this.className=='aa')?this.className='bb':this.className='aa';">

Answer 2

<script language="javascrit">
<!--
var cb=document.getElementById("checkbox")
if(cb.check)
  document.getElementByTag("text").style.className=“样式一"；
else
  document.getElementByTag("text").style.className=“样式二"；
-->
</script>