This article will show you how you can get all checked
checkbox value using jquery in asp.net. In this
I have used javascript
alert message to show the selected value. In this I have used CheckBoxList.
Some of my previous articles are as follows: Get
RadioButton Value Using jQuery In Asp.Net, jQuery
Ajax Search and Display In MVC WebGrid in Asp.Net MVC Using C#.Net, jQuery
Drag and Drop Item Functionality In Asp.Net MVC, jQuery
Animated Dialog Window With Move, Resize and Explode Animation In Asp.Net MVC,
Auto
Scroll While Dragging Item Using jQuery In Asp.Net MVC, jQuery
Ajax Duplicate UserId Validation in Asp.Net Without Page Refresh Using C#.Net.
So for this article first we will create a new asp.net application and use the below code into the page.
So for this article first we will create a new asp.net application and use the below code into the page.
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript">
function
GetCheckBoxListValue() {
var
selectedvalue = $('input:checkbox:checked').map(function () {
return
this.value;
}).get();
alert(selectedvalue);
}
</script>
|
Now here is the complete code.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Get All
Checked Checkbox Value Using jQuery in Asp.Net</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript">
function
GetCheckBoxListValue() {
var
selectedvalue = $('input:checkbox:checked').map(function () {
return
this.value;
}).get();
alert(selectedvalue);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem>U. S.</asp:ListItem>
<asp:ListItem>India</asp:ListItem>
<asp:ListItem>Pakistan</asp:ListItem>
<asp:ListItem>United
Kingdom</asp:ListItem>
<asp:ListItem>Sri
Lanka</asp:ListItem>
<asp:ListItem>Nepan</asp:ListItem>
</asp:CheckBoxList>
</div>
<div>
<br />
<asp:Button ID="Button1" runat="server" Text="Get Value" OnClientClick="javascript:GetCheckBoxListValue();" />
</div>
</form>
</body>
</html>
|
In above code I have used CheckBoxList to show the checkbox list. Now run the application to check the output.
About the Author
0 comments:
Please let me know your view