checkbox show/hide...

<script language="javascript">

function show()

{

document.getElementById

('hideShow').style.visibility = 'visible'

}

function hide()

{

document.getElementById

('hideShow').style.visibility = 'hidden'

}



</script>



<form id="Form1" method="post" runat="server">

<DIV id="hideShow">

<asp:checkboxlist

id="CheckBoxList2" runat="server" Width="173px"

Height="41px" BackColor="Lime">

<asp:ListItem

Value="a">a</asp:ListItem>

<asp:ListItem

Value="b">b</asp:ListItem>

</asp:checkboxlist>

</DIV>



</form>

<input name="1" type="checkbox" value="show" onclick="show()"  />

<input name="2" type="checkbox" value="hide" onclick="hide()"  />

<html>

<head>

<script>

function blah(a){

document.getElementById('abc').style.visibility = a?'visible':'hidden';

}

</script>

</head>

<body>

<input name="i" type="checkbox" onClick="blah(i.checked)">





<div id="abc" style="visibility:hidden">AAAAAAAAAAAA</div>

</body>

</html>