手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
摘要:原来也很简单和用C#语言来实现这个差不多吧,只不过使唤了两种语言哦,而且这样写代码对系统的性能也比较好。如图所示:为反选所实现的功能。下面将...

原来也很简单和用C#语言来实现这个差不多吧,只不过使唤了两种语言哦,而且这样写代码对系统的性能也比较好。如图所示:为反选所实现的功能。

使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟1

下面将实现反选的两部分代码写一下哦。控件使用的是GridView控件

复制代码 代码如下:

<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>

【使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟】相关文章:

压缩aspx页面删除多余空格的两种方法

收藏的asp.net文件上传类源码

ASP.NET封装的SQL数据库访问类

关于.net(C#)中的跨进程访问的问题

asp.net使用jquery实现搜索框默认提示功能

使用.NET存储XML数据的方法

.Net消息队列的使用方法

asp.net listbox实现单选全选取消

用.Net的File控件上传文件的解决方案

asp.net下利用JS实现对后台CS代码的调用方法

精品推荐
分类导航