.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

fetch checkbox using jquery

Posted By:      Posted Date: September 12, 2010    Points: 0   Category :ASP.Net
Hi, is there any efficient way to make selectall functionality with grid and fetch selected checkbox using button.   I have used mvccontrib. Right now i am writing code as per below :  <%@ Import Namespace="MvcContribJquery.Views.Home.Extensions" %> <script language="javascript" type="text/javascript"> $(document).ready(function () { $('.headerClass').each(function () { $(this).click(function () { SelectAllCheckboxes(this); }); }); }); function SelectAllCheckboxes(headerCheckbox) { //Get fieldIndex attribute of th var fieldIndex = $(headerCheckbox).attr('fieldIndex'); $(headerCheckbox).find("input:checkbox").each(function () { var isChecked = $(this).attr('checked'); $('.rowClass').each(function () { //Get rowClass checkbox var rowFieldIndex = $(this).attr('fieldIndex'); if (rowFieldIndex == fieldIndex) { $(this).find("input:checkbox").each(function () { this.checked = isChecked; }); } }); }); } function SelectCheckboxValue(fieldIndex) { $('.rowClass').each(function () { //Get rowClas

View Complete Post

More Related Resource Links

jQuery: Highlight Gridview Rows with Checkbox

Im learning and experimenting with jQuery and ASP.NET. Below is a simple solution I created to highlight rows in a gridview by clicking on a checkbox next to the row.

Gridview setup:

jQuery: Highlight Gridview Rows with Checkbox

Im learning and experimenting with jQuery and ASP.NET. Below is a simple solution I created to highlight rows in a gridview by clicking on a checkbox next to the row.

Cutting Edge: Predictive Fetch with jQuery and the ASP.NET Ajax Library


Dino Esposito builds upon his exploration of new data binding features coming in the ASP.NET Ajax Library, explaining how to implement the predictive fetch design pattern.

Dino Esposito

MSDN Magazine February 2010

how to get the text of selected checkbox from asp.net checkboxlist control using jquery


I have asp.net checkboxlist control that bounded to a data source so the number of items in the control are different from one to to another time.

I have this function:

     $('#<%=chkListGroups.ClientID %> input:checkbox:checked').siblings('label').text();

this function will return all texts for all selected items in the control as a one string.

 I'm looking for a way that when I check a check box from the ckeckboxlist control will return only last checked checkbox.

this code :

$('#<%=chkListGroups.ClientID %> input:checkbox:checked').last().siblings('label').text(); 

returns last checked item for example if I checked second will return
second item then when I checked fifth item will return fifth item but
if now when I check third item will return fifth item so it is always
returning last item checked in the list and I'm looking to

Please advice me how to do this using jquery.

Get selected row value based on checkbox selected in gridview using jquery

Hi ,    i am having gridview with two columns.one column contains checkboxes and another column contains Name.i have given UserId to DataKeyNames in gridview.Now i will check some checkboxes in gridview and click on button GetData. whenver i click on button GetData i need to get datakey values of all the gridview rows whatever checked in gridview using JQUERYPlease help me i am new to JQUery

How to use jQuery to set checkbox is checked


How do I use the jQuery set
If checkbox's value in the string (cbx1, cbx2, cbx5, cbx7),
set the checkbox is checked.
Thank you

How do I use the jQuery set

If checkbox's value in the string (cbx1, cbx2, cbx5, cbx7),

set the checkbox is checked.

Thank you

jquery - assign a text to a textbox when checkbox is checked by client


hi guys.

I have a checkbox on my project and I have textboxes as well. I tried some jquery code as you can see below for this function;

I would like to get the ctl00$MainContent$firstnametxt.text value to ctl00$MainContent$firstnamedrivertxt.text value when the checkbox is clicked and I want the ctl00$MainContent$firstnamedrivertxt.text to be null if the checkbox is unchecked. how can I do that? the below one doesn't work for me.

<script type="text/javascript">
    //var myspan = $('#MyCheckBoxHere');

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

        if ($(this).is(':checked')) {
        else {

checkbox and dropdown validation using jquery+asp.net


i have a checkbox and dropdown in a gridview when user selects checkbox only then he can select the dropdown, and the dropdown wil have the values corresponding to the gridview rows count

if user checks two checkbox in a gridview,and  the dropdown value should be diffrent it should be not the same for the selected checkbox

how to achieve this using Jquery and asp.net


Google Mail (Gmail) checkbox dropdown - jquery


I want to reproduce the "checkbox dropdown" that you see in Google Mail (Gmail). The one that lets you select all or none or flagged... etc. How can I do it with jquery?

Checkbox click event problems when using jQuery Safari Checkbox plugin


Hello friends!

On my page are 1 checkbox and 1 hidden label and 1 hidden panel. With the help of forum member raghav_khunger I've managed to write the code which shows panel and label when checkBox is checked. I've also added the code which is checking on every page post back the status of checkbox and hide/show panel and label appropriately. This is working fine.

However when I add jQuery Safari checkbox plugin (http://widowmaker.kiev.ua/checkbox/) problems appear.

Looks like the code which is handling click event is doing reverse thing: when panel and label should be hidden are shown. I can change this but then there would be problems because of the second part of the code which is checking checkbox on page load. So when I check the checkbox nothing happens. I must uncheck it and label and panel appears. But if panel is uncheck the label and panel would be hidden because on next page load (when user clicks button next).

As I said before the same code is working fine and it's test in all browsers (IE,FF,O,S,C). Maybe there is problem with checkbox plugin since it's in beta version.

<script type="text/javascript">
        $(function pageLoad() {
            var $chk = $('input:checkbox[id$=chckBoxGrp]');
            $(function () 

GridView Confirmation Box Using JQuery BlockUI in asp.net

JQuery is the most popular JavaScript library. One of the main reasons for its fame is the plugin architecture. Anyone can create a separate library that leverage the JQuery library. In this article we are going to look at the BlockUI library which is used to block the user screen while performing a task.

AJAX GridView Checkbox Select All in ASP.Net

In the previous article GridView Select Multiple Rows you learnt the multiple row selection in GridView control. Here you will get the C# code sample to select all the gridview rows using single checkbox server control. You can highlight the selected rows with different color and Font state Bold. If you want to use the selection values on different ASP.Net

jQuery $(document).ready() and ASP.NET Ajax asynchronous postback

Many call it the ASP.NET jQuery postback problem, but using the technique below should make it no problem anymore. $(document).ready() isn't called after an asynchronous postback. What this means? You lose the functionality that should be executed within $(document).ready() after an UpdatePanel rendered its contents after an asynchronous postback.

call JavaScript - jQuery code from ASP.NET Server-Side

jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side.

Making Ajax Callbacks to the Server Using jQuery with ASP.NET

In the first part of this article series I introduced jQuery's functionality and how it provides a rich client side programming model. This time around I'll expand on these concepts and show you how you can use jQuery in combination with ASP.NET using it as an AJAX backend to retrieve data. I'll also discuss how you can create ASP.NET controls and otherwise interact with jQuery content from ASP.NET pages in WebForms.

jQuery is just a JavaScript library so it will work seamlessly with ASP.NET both from page code as well as through backend driven code using the Page.ClientScript object or ScriptManager. You can use jQuery on its own as a client side and Ajax library that communicates with ASP.NET or you can use jQuery in combination with ASP.NET AJAX. The two actually complement each other quite well as jQuery provides functionality that the ASP.NET AJAX library does not and vice versa. For the most part the interaction between the two libraries is trouble free except for a few very rare edge cases.

Displaying Row Details Tooltip on GridView using JQuery

Continuing exploring JQuery! I decided to implement a feature to display some kind of details related to a row displayed on GridView. For example when displaying employees details on GridView some information might not fit in the GridView because it will make it huge and wide. These infomration can be diplayed as Tooltip. Or when you want to display a picture and some kind of formated text to be diplayed as tooltip when mouse hover on the image.

Using jQuery with ASP .NET

With that, JQuery is officially embraced by ASP.NET.

A brief introduction of JQuery

jQuery is the star among the growing list of JavaScript libraries. A few of its characteristics are light-weight, cross-browser compatibility and simplicity. A common task that sometimes takes 10 lines of code with traditional JavaScript can be accomplished with jQuery in just one line of code. For example, if you want to dress up a table with an ID mytable with alternative color for every other row, you can simple do this in jQuery.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend