手机
当前位置:查字典教程网 >编程开发 >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代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟】相关文章:

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

asp.net输出重写压缩页面文件实例代码

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

获取pc电脑和平板物理地址

C# javaScript函数的相互调用

用ASP.Net实现文件的在线压缩和解压缩

DiscuzNT 论坛与主站的同步登录与退出

ASP.Net中数据展示控件的嵌套使用示例

ASP.NET中使用AspnetAccessProvider

asp.net 备份和恢复数据库的方法

精品推荐
分类导航