Check all Checkboxlist items on client-side

July 6th, 2006, 08:43 PM

Please help me guys..

I have a checkboxlist which items are taken from the database.
I have also two buttons, one is to check all the items and the other is to uncheck it.
Also, there is a datagrid which items are loaded during page_load.

Now, every time I click either of the two buttons, yes, it will check or uncheck all the items, but the items of the datagrid becomes empty.
I have read some articles that maybe it's because of the postback thing. So instead of doing it server-side, I was advised to do it on the client-side.

My problem now is how can I uncheck or check all items in client-side?

Please help me.
I badly need it. Thanks a lot.

vitthala · July 7th, 2006, 08:13 AM

Client side is nothing but a javascript script. You need to write a javascript for this so that there wont be any post back.

Here is the sample code but you need to modify this according to your needs.

<html>
<head>
<script type="text/javascript">
function check()
{
document.getElementById("myCheck").checked=true
}

function uncheck()
{
document.getElementById("myCheck").checked=false
}
</script>
</head>

<body>
<form>
<input type="checkbox" id="myCheck" />
<input type="button" onclick="check()" value="Check Checkbox" />
<input type="button" onclick="uncheck()" value="Uncheck Checkbox" />
</form>
</body>

</html>
Hope this might help you out.

July 9th, 2006, 10:40 AM

Thanks vitthala.

I forgot to mention, but I am referring to a checkboxlist server control.