onclick时改变某一个div class名

Question

如题
<input type="checkbox" onClick="" /><div id="div_1" class="test1">test</div>

Answer 1

<style>
.test1{background:red}
.test2{background:green}</style>
<script language="javascript" type="text/javascript"> 
function check(obj) 
{
if(obj.checked) document.getElementById("div_1").className= "test2";
else document.getElementById("div_1").className= "test1";
} 
</script> 
 
<input type="checkbox" onClick="check(this)" /><div id="div_1" class="test1">test</div>