使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
更新时间：2011年12月22日 23:33:37 作者：
在我们做许多项目的时候，会用到反选这个功能，但是我一般使用C#代码创建数组遍历实现功能，今天我想换一种语言实现一下，于是我就用JavaScript研究了一下怎么实现这个功能
原来也很简单和用C#语言来实现这个差不多吧，只不过使唤了两种语言哦，而且这样写代码对系统的性能也比较好。如图所示：为反选所实现的功能。
<asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反选">
<ItemTemplate>
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />
</ItemTemplate>
</asp:TemplateField>
然后写JavaScript代码来实现这个功能：
<script type="text/javascript">
function selAll(boolValue)
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
if(cbNameLen>1)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
obj[i].checked=false;
}
else
{
obj[i].checked=true;
}
}
}
else
{
obj.checked = boolValue;
}
}
function clickBtnCheck()
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
var Flag=false;
if(cbNameLen>0)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
Flag=true;
break;
}
}
if(Flag)
{
return true;
}
else
{
alert("请先选择要操作的记录！ ");
return false;
}
}
else
{
alert("现在没有记录，不能操作！");
return false;
}
}
</script>
复制代码 代码如下:
<asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反选">
<ItemTemplate>
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />
</ItemTemplate>
</asp:TemplateField>
然后写JavaScript代码来实现这个功能：
复制代码 代码如下:
<script type="text/javascript">
function selAll(boolValue)
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
if(cbNameLen>1)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
obj[i].checked=false;
}
else
{
obj[i].checked=true;
}
}
}
else
{
obj.checked = boolValue;
}
}
function clickBtnCheck()
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
var Flag=false;
if(cbNameLen>0)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
Flag=true;
break;
}
}
if(Flag)
{
return true;
}
else
{
alert("请先选择要操作的记录！ ");
return false;
}
}
else
{
alert("现在没有记录，不能操作！");
return false;
}
}
</script>
相关文章
dataGrid 其实就是一个html table,本文将介绍dataGrid 多维表头，表头跨行跨列设计方法需要了解的朋友可以参考下2012-12-12
这篇文章主要为大家详细介绍了WPF实现转圈进度条效果，如何设计自定义的绕圈进度条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
.net调用JScript脚本及JS url加密解密，需要的朋友可以参考一下2013-03-03
这篇文章主要给大家介绍了关于在.NET Core 3.0中WPF使用IOC的图文教程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
gRPC 一开始由 google 开发，是一款语言中立、平台中立、开源的远程过程调用(RPC)系统，所以叫g(google)RPC，这篇文章主要介绍了.NET Core中使用gRPC,需要的朋友可以参考下2022-09-09
gridview的编辑方法的小例子，一段代码，供大家学习参考2013-04-04
最近在用Asp.Net编写点东西时遇到个问题：即用户在提交表单后按刷新就会重复提交数据，即所谓的“刷新重复提交”的问题。2013-03-03
asp.net+js实现的ajax sugguest搜索提示效果
阿会楠根据网上一份原作者不详的代码进行了修改，以适合自己的项目并增加了多个功能。此次放出的代码为基本实现代码，也是最接近原来的代码，略去其他功能。版权归原作者所有。2009-04-04
为了娱乐写了个截取图片和压缩图片你的小工具:按照百分比压缩/制定大小压缩等等，感兴趣的朋友可以了解下啊，希望本文对你学些c#图片知识有所帮助2013-01-01
这篇文章介绍了ASP.NET MVC获取多级类别组合下产品的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-09-09
最新评论