欢迎您访问我爱IT技术网,今天小编为你分享的编程技术是:【.net开发中批量删除记录时实现全选功能的具体方法】,下面是详细的讲解!
.net开发中批量删除记录时实现全选功能的具体方法
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID"
DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False"
ReadOnly="True" SortExpression="ProductID" />
<asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
<asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />
<asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chk_Del" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
//接下来往页面上添加一个checkbox控件
<asp:CheckBox ID="chk_JS" runat="server" Text="全选(JS)" onclick="selectAll(this)"/>
//并为该控件编写JS脚本如下:
<script type="text/javascript">
//根据传入的checkbox的选中状态设置所有checkbox的选中状态
function selectAll(obj)
{
var allInput=document.getElementsByTagName("input");
//alert(allInput.length);
var loopTime=allInput.length;
for(i=0;i < loopTime;i++)
{
//alert(allInput[i].type);
if(allInput[i].type=="checkbox")
{
allInput[i].checked=obj.checked;
}
}
}
</script>
//基本效果就有了,接下来我们在点缀一下。在网页中添加一个button
<asp:Button ID="btn_DeleteRecords" runat="server" OnClientClick="return judgeSelect();" Text="删除选中记录" />
//添加JS脚本
//判断是否选中记录,用户确认删除
function judgeSelect()
{
var result=false;
var allInput=document.getElementsByTagName("input");
var loopTime=allInput.length;
for(i=0;i < loopTime;i++)
{
if(allInput[i].checked)
{
result=true;
break;
}
}
if(!result)
{
alert("请先选则要删除的记录!");
return result;
}
result=confirm("你确认要删除选定的记录吗?");
return result;
}
关于.net开发中批量删除记录时实现全选功能的具体方法的用户互动如下:
相关问题:
答: >>详细
相关问题:
答: >>详细
相关问题:
答: >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【As】Asp.net中的页面乱码的问题-sp--pn-ne-et
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 【asp】asp.net开发中常见公共捕获异常方式总结(
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
