服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - GridView的CheckBox列选择及多参数传递三步搞定

GridView的CheckBox列选择及多参数传递三步搞定

2019-10-17 10:44asp.net编程网 ASP.NET教程

GridView的CheckBox列选择及多参数传递三步实现:GridView的列设置/全选的Js处理/后台对所选值的获取,操作步骤很详细,有利于新手学习,感兴趣的朋友可以了解下啊

1、GridView的列设置 

复制代码代码如下:


<asp:TemplateField HeaderStyle-CssClass="check" ItemStyle-CssClass="check"> 
<HeaderTemplate> 
<input type="checkbox" onclick="selectAll(this)" /> 
全选 
</HeaderTemplate> 
<ItemTemplate> 
<input name="chkIDCardNum" type="checkbox" 
value="<%# Eval("PID") %>$<%# Eval("IdentityCard")%>$<%# Eval("PName")%>" 
<%# "1" == Eval("IsCouldDelete").ToString()?"disabled='disabled'":""%> /> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField Visible="true" HeaderText="删除"> 
<ItemTemplate> 
<asp:LinkButton id="lbtnDelete" CommandName="lbtnDelete" runat="server" Text="删除档案" 
CommandArgument='<%# Eval("PID") +"$"+ Eval("IdentityCard")%>' 
OnClientClick="return confirm('确认删除?');" 
Visible='<%# Eval("Termination").ToString()=="1" ? false : true %>' /> 
</ItemTemplate> 
</asp:TemplateField> 


2、全选的Js处理 

复制代码代码如下:


function selectAll(myself) { 
var oState = myself.checked; 
var checkboxes = document.getElementsByName("chkIDCardNum"); //获取input组 
for (var i = 0; i < checkboxes.length; i++) { 
if (checkboxes[i].disabled) { 
} else { 
checkboxes[i].checked = oState; //选择值 



3、后台对所选值的获取 

复制代码代码如下:


var selectedIds = Request.Params["chkIDCardNum"].Split(','); 
if (selectedIds.Length == 0) 
return; 
//int[] msgIds = Array.ConvertAll<string, int>(selectedIds, s => int.Parse(s)); 
int[] ids = selectedIds.Select(t => int.Parse(t.Split('$')[0])).ToArray(); 
string[] cards = selectedIds.Select(t => t.Split('$')[1]).ToArray(); 

延伸 · 阅读

精彩推荐