Gridview check box condition check uncheck

Question

0.00/5 (No votes)

See more:

I Have a GridView having a check box column.I want to check uncheck these check boxes serially i.e.a row can not be checked if its previous row is unchecked..similarly if a row is unchecked all rows next to it will be unchecked using JavaScript..

Waiting for Reply.
Thanks in Advance

Posted 28-Dec-11 23:10pm

Deepak.xip

Updated 28-Dec-11 23:12pm

Wendelius

Add a Solution

Comments

Wendelius 29-Dec-11 5:13am

Capital letters corrected from the title. Don't use all capital text, it's considered as shouting.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhinav S · Answer 1 · 2011-12-28T23:12:00

Solution 1

Check All Checkbox In GridView To Bulk Edit Or Update ASP.NET[^] should help you out.

Checking All CheckBoxes in a GridView Using Client-Side Script and a Check All CheckBox[^] could be useful to you as well.

Posted 28-Dec-11 23:12pm

Abhinav S

Updated 28-Dec-11 23:13pm

v2

Sarvesh Kumar Gupta · Answer 2 · 2011-12-28T23:19:00

Solution 2

using javascript, find object of grid and find rows.count of grid.
using for loop enable or disable check boxes of grid with using comparision with selecting index.

Posted 28-Dec-11 23:19pm

Sarvesh Kumar Gupta

Comments

Deepak.xip 29-Dec-11 5:25am

Send me the complete code dude.I dont know Javascript very well.

Supriya Srivastav · Answer 3 · 2011-12-28T23:56:00

You can try this,

XML

<asp:GridView ID="gvBranches" runat="server" AutoGenerateColumns="False" CellPadding="4"
        Font-Names="Verdana" Font-Size="11px" GridLines="None"
        Width="182px">
        <Columns>
            <asp:TemplateField HeaderText="Check_All">
                <HeaderTemplate>
                    <asp:CheckBox ID="CheckBox2" runat="server" onclick="checkAll(this);" />
                </HeaderTemplate>
                <ItemStyle HorizontalAlign="Left" Width="30px" />
                <HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />
                <ItemTemplate>
                    <asp:CheckBox ID="CheckBox3" runat="server" onclick="Check_Click(this)" />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Column">
                <ItemTemplate>
                    <asp:Label ID="Label3" runat="server" Text="Some Value"></asp:Label>
                </ItemTemplate>
                <HeaderStyle HorizontalAlign="Left" />
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

And js functions are like,

C#

<script type="text/javascript">
        function checkAll(objRef) {
            var GridView = objRef.parentNode.parentNode.parentNode;
            var inputList = GridView.getElementsByTagName("input");
            var c = 0;
            for (var i = 0; i < inputList.length; i++) {
                var row = inputList[i].parentNode.parentNode;
                if (inputList[i].type == "checkbox" && objRef != inputList[i]) {
                    if (objRef.checked) {
                        c = 1;
                        inputList[i].checked = true;
                    }
                    else {
                        c = 0;
                        inputList[i].checked = false;
                    }
                }
            }

        }
        function Check_Click(objRef) {
            var row = objRef.parentNode.parentNode;
            var GridView = row.parentNode;
            var inputList = GridView.getElementsByTagName("input");
            var c = 0;
            inputList[0].checked = true;
            for (var i = 1; i < inputList.length; i++) {
                if (inputList[i].type == "checkbox" && inputList[i].checked == true) {
                    c = 1;
                }
                else {
                    inputList[0].checked = false;
                }
            }

        }
    </script>