如何在复选框上启用和禁用文本框使用javascript检查GridView中的更改 [英] How To Enable and Disable Textbox On CheckBox Check change in GridView using javascript

问题描述

我正在开发基于网格视图的客户端验证.请尽快给我答案

解决方案

您尝试了什么吗?请尽力而为，您可能会发现这并不困难.

这些文章将帮助您学习:
通过JQuery启用并在使用Gridview选中CheckBox时禁用文本框 [使用Javascript在GridView中选中/取消选中CheckBox [ ^ ]
在点击复选框中启用gridview中的文本框 [ ^ ]

给您准备好的样品.下面说的是您的网格视图

 <   asp:GridView     ID   ="   ="span>    runat   =" 服务器" <  列 > 
            <   asp:TemplateField  > 
                <   ItemTemplate  > 
                    <   asp:CheckBox    运行  ="   ID    chkIs "  onclick    GetCheckStatus()" <  /asp:CheckBox  > 
                <  /ItemTemplate  > 
            <  /asp:TemplateField  > 
            <   asp:TemplateField  > 
                <   ItemTemplate  > 
                    <   asp:TextBox    运行  ="   ID    txtId " <  > 
                <  /ItemTemplate  > 
            <  /asp:TemplateField  > 
            <   asp:BoundField     AccessibleHeaderText     ="     DataField   =" 名称" / > 
        <  /列 > 
    <  /asp:GridView  >  

有一个脚本，每次选中或取消选中ckeck框时都会调用.

 <  脚本   语言  ="    类型  ="  > 
函数GetCheckStatus(){
 var srcControlId = event.srcElement.id;
 var targetControlId = event.srcElement.id.replace('chkIs'，'txtId');
 如果(document.getElementById(srcControlId).checked)
      document.getElementById(targetControlId).disabled = false;
 别的
      document.getElementById(targetControlId).disabled = true;
}
        <  /script  >  

在aspx.cs页面中，将网格与适当的数据源绑定，如下所示.
受保护的void Page_Load(对象发送者，EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("Name");
DataRow dr = dt.NewRow();
dr ["Name"] ="Das";
dt.Rows.Add(dr);
DataRow dr1 = dt.NewRow();
dr1 ["Name"] ="Shon";
dt.Rows.Add(dr1);
gvM.DataSource = dt;
gvM.DataBind();
}

检查本文.我已经解释了如何使用复选框使字段在gridview中可编辑和不可编辑.

http://www.c-sharpcorner.com/UploadFile /1a81c5/non-editable-fields-in-Asp-Net-gridview/ [ 解决方案

Did you try anything? Please do make an effort, you may find it''s not that difficult.

These articles will help you to learn:
JQuery to Enable and Disable Textbox when CheckBox is Checked with Gridview [^]
Check/uncheck CheckBox in a GridView using Javascript[^]
Enable textbox in gridview on click checkbox [^]

Giving you a ready sample. Say below is your grid view

<asp:GridView ID="gvM" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:CheckBox runat="server" ID="chkIs" 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" />
        </Columns>
    </asp:GridView>

Have a script which will be called every time when the ckeck box is checked or unchecked.

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

In your aspx.cs page bind the grid with appropriate data source as below.
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("Name");
DataRow dr = dt.NewRow();
dr["Name"] = "Das";
dt.Rows.Add(dr);
DataRow dr1 = dt.NewRow();
dr1["Name"] = "Shon";
dt.Rows.Add(dr1);
gvM.DataSource = dt;
gvM.DataBind();
}

Check this article. I have explained how to make fields editable and noneditable inside gridview using checkbox.

http://www.c-sharpcorner.com/UploadFile/1a81c5/non-editable-fields-in-Asp-Net-gridview/[^]

这篇关于如何在复选框上启用和禁用文本框使用javascript检查GridView中的更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！