Monday 7 July 2014

Enable disable textbox inside gridview using javascript and jquery


//HTML

<asp:GridView ID="gvM" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:CheckBox runat="server" ID="chkid" onclick="GetCheckStatus()"></asp:CheckBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:TextBox runat="server" ID="txtId"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField AccessibleHeaderText = "Name" DataField="Name" />
<asp:CheckBox runat="server" ID="chkid1" ebnable="false"></asp:CheckBox>
        </Columns>
    </asp:GridView>


//Javascrip

<script language="javascript" type="text/javascript">
function GetCheckStatus() {
 var srcControlId = event.srcElement.id;
 var targetControlId = event.srcElement.id.replace('chkid', 'txtId');
 if (document.getElementById(srcControlId).checked)
      document.getElementById(targetControlId).disabled = false;
 else
      document.getElementById(targetControlId).disabled = true;
}
        </script>

//Jquery

 <script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>

 $(document).ready(function () {
                        jScript();
                    });

                    function jScript() {
                        $("input[type=checkbox][id*=chkid]").click(function () {
                            if (this.checked) {
                                $(this).closest("tr").find("input[type=checkbox][id*=chkid1]").attr("checked", true);
                            }
                            else {
                                $(this).closest("tr").find("input[type=checkbox][id*=chkid1]").attr("checked", false);
                            }
                        });

                    }

//Result



No comments:

Post a Comment

Excel Sort values in ascending order using function TEXTJOIN

 Excel ::  Text ::  1,3,5,2,9,5,11 Result :: 1,2,3,5,5,9,11 Formula ::     TEXTJOIN ( ",",1,SORT(MID(SUBSTITUTE( A1 ,","...