jQuery Validate CheckBoxList in Asp.Net Example

By: Suresh Dasari Sep 12, 2012

Introduction:

Here I will explain how to validate checkboxlist using JQuery using asp.net.

Description:

In previous articles I explained validate radiobuttonlist using JQuery, validate email address using JQuery, how to disable or enable all the controls on page using JQuery , validate phone number using JQuery and many articles relating to JQuery. Now I will explain how to validate checkboxlist using JQuery in asp.net.

To implement this one we need to write code as shown below in your aspx page

<title>Validate asp.net Checkboxlist in JQuery</title>

</script>

$(document).ready(function() {

$('#btnSubmit').click(function() {

if ($('#chktech input:checked').length > 0) {

return true;

}

else {

alert('Please select atleast one technology')

return false;

}

})

});

</script>

</head>

<body>

<div>

<table>

<tr>

<td> <b>Select Technologies:</b></td>

<td>

<asp:CheckBoxList ID="chktech" runat="server" >

<asp:ListItem Value="1" Text="Asp.net" />

<asp:ListItem Value="2" Text="C#.NET" />

<asp:ListItem Value="3" Text="JQuery" />

<asp:ListItem Value="4" Text="JavaScript" />

<asp:ListItem Value="5" Text="SQL Server" />

</asp:CheckBoxList>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnSubmit" Text="Submit" runat="server" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

If you observe above code in header section I added script file link by using that file we have a chance to interact with JQuery and in the script we have btnSubmit button click function which is used to validate checkboxlist using JQuery in asp.net.

Demo