This article demonstrates how to check/ uncheck all checkbox in asp.net repeater using jQuery. I have used CDN hosted jQuery 1.6.2 reference. You can download jQuery 1.6.2 from here.
Here is an example
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
#table1
{
width: 500px;
font-size: .80em;
font-family: "Helvetica Neue" , Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #666;
}
#table1 th
{
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
height: 29px;
text-align: left;
padding-left: 10px;
background-color: #fafafa;
}
#table1 td
{
border-bottom: 1px solid #eee;
padding-left: 10px;
}
</style>
<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#chkSelect").click(function () {
var chkBox = $(this).is(":checked");
$("#table1 input[type='checkbox']").attr("checked", chkBox);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>
<h1> How to select unslect all checkboxes in asp.net repeater using jQuery. </h1>
</p>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table id="table1">
<thead>
<tr>
<th>
<input id="chkSelect" type="checkbox" />
</th>
<th> Title
</th>
<th>
Author
</th>
<th>
Price
</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<input type="checkbox" />
</td>
<td>
<%# ((Book)Container.DataItem).Title %>
</td>
<td>
<%# ((Book)Container.DataItem).Author %>
</td>
<td>
<%# ((Book)Container.DataItem).Price %>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
<tfoot>
<tr>
<th colspan="3">
 
</th>
<th>
<div id="total">
</div>
</th>
</tr>
</tfoot>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
Note: I have tested this example on IE, Firefox,iPad,Ipod,Opera,Safari and Chrome.
Output
Download
Repeater-jQuery-Checked-Unchecked.zip (1.87 kb)
See Live demo