我想获取放置在 GridView 中的复选框的值。如果选中复选框，则应启用该行中的文本框，如果再次取消选中，则文本框应清除并禁用。几个小时前我问过这个问题，但仍然没有得到满意的答案。 我试过这样。

//我的网格代码。

<asp:GridView ID="DeptGrid" runat="server" AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="DeptId" HeaderText="ID"/>
                    <asp:BoundField DataField="DeptName" HeaderText="Department"/>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:CheckBox ID="addToCompanyBox"  onClick="EnableHODBox()" runat="server" />
                        </ItemTemplate>
                        <HeaderTemplate>
                            Add
                        </HeaderTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:TextBox ID="hodNameBox" runat="server" Width="200px" Enabled="false"></asp:TextBox>
                        </ItemTemplate>
                        <HeaderTemplate>
                            Dept Head
                        </HeaderTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>

//我的javascript代码

<script type="text/javascript">
 function EnableHODBox() {
     //alert('hello');
     var GridView = document.getElementById('<%=DeptGrid.ClientID %>');
     //var GridView = document.getElementById('');
     var DeptId;
     if (GridView.rows.length > 0) {
         for (Row = 1; Row < GridView.rows.length; Row++) {
            // DeptId = GridView.rows.cell[0];
             if (GridView.rows[Row].cell[3].type == "checkbox")
             // var chkbox = GridView.rows[Row].cell[3].type == "checkbox"
                 (GridView.rows[Row].cell[3].type).checked = true;
         }
     }
 }
 </script>

最佳答案

此解决方案已测试并且有效仅使用JavaScript (此解决方案不需要 jQuery!)。

1。 C# 部分(在 Page_Load 方法中)

在Page_Load我们需要添加一个小技巧:

foreach(GridViewRow row in YourGridViewControlID.Rows)
{
    if (row.RowType == DataControlRowType.DataRow )
    {
      ((CheckBox) row.FindControl("YourCheckBoxID")).Attributes.Add("onchange", "javascript:TextboxAutoEnableAndDisable(" + (row.RowIndex ) + ");");
    }
}

这样，我们在 OnChange 上添加了 JavaScript 函数调用每个CheckBox的事件我们的 GridView . HTML有什么特别的，我们无法实现的是我们正在通过 Row Index JavaScript 函数中的每一个，我们稍后需要的东西。

2。 HTML部分的一些重要说明

确保Checkbox控制和 Textbox控制但更重要您的 GridView控件通过使用 ClientIDMode="Static" 具有静态 ID如下图:

<asp:CheckBox ID="YourCheckBoxID" runat="server" ClientIDMode="Static"/>
<asp:TextBox ID="YourTextBoxID" TextMode="SingleLine" runat="server" ClientIDMode="Static" />

对于 GridView控制:

<asp:GridView ID="YourGridViewControlID" ...... ClientIDMode="Static" runat="server">

3。 Javascript部分

然后在您的 JavaScript 文件/代码中:

function TextboxAutoEnableAndDisable(Row) {
  // Get current "active" row of the GridView.
  var GridView = document.getElementById('YourGridViewControlID');
  var currentGridViewRow = GridView.rows[Row + 1];

  // Get the two controls of our interest.
  var rowTextBox = currentGridViewRow.cells[2].getElementsByTagName("input")[0];
  var rowCheckbox = currentGridViewRow.cells[0].getElementsByTagName("input")[0];

  // If the clicked checkbox is unchecked.
  if( rowCheckbox.checked === false) {
    // Empty textbox and make it disabled
    rowTextBox.value = "";
    rowTextBox.disabled = true;
    return;
  }

  // To be here means the row checkbox is checked, therefore make it enabled.
  rowTextBox.disabled = false;
}

4。上述实现的一些注意事项

• 请注意，在 JavaScript 代码中，在以下行:
  var currentGridViewRow = GridView.rows[Row + 1];
[Row + 1]对这项工作很重要，不应改变。
• 最后:

以下几行:

var rowTextBox = currentGridViewRow.cells[2].getElementsByTagName("input")[0];
var rowCheckbox = currentGridViewRow.cells[0].getElementsByTagName("input")[0];

.cells[2]和 .cells[0]对你来说可能不同，所以你必须在 [] 中选择正确的数字.
通常，这将是您的 GridView 的列号从 0 开始计数.

因此，如果您的 CheckBox在 GridView 的第一列，那么你需要 .cells[0] .
如果你的TextBox在您的 GridView 的第二列中那么你需要.cells[1] (在我上面的例子中，TextBox 在我的 GridView 的第三列中，因此，我使用了 .cells[2] )

关于c# - 使用javascript查找放置在gridview中的复选框和文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6264044/