hello sir i want to disable other checkbox if one is selected inside gridview i want to make that on clientside using javascript or jquerybelow is the codelthtml xmlns34httpwwww3org1999xhtml34 gtlthead runat34server34gt lttitlegtUntitled Pagelttitlegt ltscript src34selectedradiojs34 type34textjavascript34gtltscriptgt ltscript type34textjavascript34gt readyfunction 34CheckBox134clic

This wayHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegtltheadgtltscript src34httpajaxgoogleapiscomajaxlibsjquery1102jqueryminjs34gtltscriptgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltaspGridView ID34GridView134 runat34server34 AutoGenerateColumns34False34gt ltColumnsgt ltaspTemplateField HeaderText34select34gt ltItemTemplategt ltaspCheckBox ID34CheckBox134 runat34server34 onclick 34CheckBoxClickedthis34 gt ltItemTemplategt ltaspTemplateFieldgt ltaspBoundField DataField34Name34 HeaderText34Name34 ItemStyleWidth3415034 gt ltaspBoundField DataField34Country34 HeaderText

(Mutually exclusive) Disable other CheckBoxes if one CheckBox is checked in GridView in ASP.Net

sagarnay...

SOLVED CLOSED ACTIVE ANSWERED
User: sagarnayak
Posted: on Mar 06, 2014 11:06 PM
Forum: Data Controls
Answer: 1
Views: 8614

hello sir i want to disable other checkbox if one is selected inside gridview . i want to make that on clientside using javascript or jquery.below is the code

<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">
    <title>Untitled Page</title>
    <script src="selectedradio.js" type="text/javascript"></script>
    <script type="text/javascript">    $().ready(function(){
        $("#CheckBox1").click(function(){
 $('input[type=checkbox]').each(function () {
var a= $('input[type=checkbox]:checked').length;
    if(a != $(this).is(':checked')){        //if not checked
        $(this).prop('disabled', true);    }    });    });});    </script>
</head><body>    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:TemplateField HeaderText="select">
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="userid">
                    <ItemTemplate>
                        <asp:Label ID="Label1" runat="server" Text='<%# bind("userid") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="password">
                    <ItemTemplate>
                        <asp:Label ID="Label2" runat="server" Text='<%# bind("passid") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField></asp:TemplateField>
            </Columns>        </asp:GridView>        </div>
    </form></body></html>

SqlConnection con = new SqlConnection("server=.;initial catalog=master;integrated security=true");
    protected void Page_Load(object sender, EventArgs e)    {        con.Open();
        SqlDataAdapter adp = new SqlDataAdapter("select * from login ",con);
        DataSet ds = new DataSet();        adp.Fill(ds, "login");
        GridView1.DataSource = ds;        GridView1.DataBind();    }

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 2

Reply
ANSWER
User: Mudassar
Replied: on Mar 20, 2014 02:04 AM
Report

This way

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:TemplateField HeaderText="select">
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" onclick = "CheckBox_Clicked(this)" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
                <asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
            </Columns>
        </asp:GridView>
        <script type = "text/javascript">
            function CheckBox_Clicked(chk) {
                var grid = chk.parentNode.parentNode.parentNode;
                var chks = grid.getElementsByTagName("input");
                for (var i = 0; i < chks.length; i++) {
                    if (chks[i].type == "checkbox" && chks[i] != chk) {
                        chks[i].disabled = chk.checked;
                    }
                }
            }
        </script>
    </div>
    </form>
</body>
</html>

C#:

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Country",typeof(string)) });
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

(Mutually exclusive) Disable other CheckBoxes if one CheckBox is checked in GridView in ASP.Net

Company

Explore

Follow us

Contact Us