Question

我在网格视图中有一个按钮。该按钮位于网格视图的<HeaderTemplate>中。按钮文本为全选。

条件：

当我选中按钮全选时，选中下面的所有复选框（在网格视图旁边）。

此时按钮文字应更改为Unselected All＆amp;复选框在网格视图中也未选中。（就像我们在Yahoo Mail中显示的那样）

Answer 1

如果您想更改该按钮中的名称，请点击：

protected void Button1_Click(object sender, EventArgs e)
{
    if(!this.gvw1.Columns[0].HeaderText.ToString().Contains("Un"))
    {
    this.gvw1.Columns[0].HeaderText="UnSelect All";
    }
    else
    {
    this.gvw1.Columns[0].HeaderText="Select All";
    }
}

如果要更改复选框OnCheckedChanged事件中的名称

 protected void Ck_OnCheckedChanged(object sender, EventArgs e)
    {
        if(!this.gvw1.Columns[0].HeaderText.ToString().Contains("Un"))
        {
        this.gvw1.Columns[0].HeaderText="UnSelect All";
        }
        else
        {
        this.gvw1.Columns[0].HeaderText="Select All";
        }
    }

Answer 2

代码fiddle

$('#ChkSelectAll').click(function () {
  if($(this).is(":checked")){
    $('.ChkSelect').prop('checked', true);
  }else{
    $('.ChkSelect').prop('checked', false);
  }
});

＆安培;更改文本使用.val（）函数在必要时

还有一个

<script language="javascript">
    $(document).ready(function(){       
        var chkboxrow = "#<%=gvpub.ClientID%> input[id*='chkSelection']:checkbox";  
        var chkall =$("input[id$='chkAll']");  
        $(chkall).change(function(){     
            $(chkboxrow).each(function()
            {
            if($(this).is(':checked'))
            {
                $(this).attr('checked', false);
                $(chkall).text('Select All');

            }
            else 
            {
                 $(this).attr('checked', true);  
                 $(chkall).text('Unselect All');
            }       
            });              
       });
    });

    </script>

<强> EDITED ：

对于服务器端，单击按钮

bool toggle = true;
if (Button1.Text == "Check All") {
    Button1.Text = "Uncheck All";
} else {
    Button1.Text = "Check All";
    toggle = false;
}

foreach (checkbox in first column) {
    chk.Selected = toggle;
}

注意：尝试使用更新面板或处理回发问题。最好使用客户端来实现此类功能

如何在ASP.NET的Gridview中更改按钮的文本

2 个答案: