CheckBox如何控制页面元素

CheckBox怎么控制页面元素？
看到别人论坛注册时候有个显示高级选项，点这个显示项后显示隐藏的数据，
现在我把这些高级数据放在一个 <DIV   style= "DISPLAY:none;> ,怎么实现在
CheckBox1_CheckedChanged   事件中设置页面元素 <DIV   style= "DISPLAY:block;>
或者还有更加好的实现方法如JS之类的。谢谢各位前辈！


------解决方案--------------------------------------------------------
这个用JS
给DIV加个ID。比如DIV1，到时用JS来控制
document.getElementsById( "DIV1 ").style.display= "none ";
------解决方案--------------------------------------------------------
CheckBox1.Attribute[ "onclick "]= "showMore(this) ";

function showMore(cbx)
{
if(cbx.checked)
document.getElementById( 'divMore ')= ' ';
else document.getElementById( 'divMore ')= 'none ';
}
------解决方案--------------------------------------------------------
不好意思,代码有点错误

function displaySupper()
{
if(document.getElementById( "divSupper ").style.display== 'none ')
{
document.getElementById( "divSupper ").style.display= 'block ';
}
else
{
document.getElementById( "divSupper ").style.display= 'none ';
}
}

经过测试,OK