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

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

应用Response.Write实现带有进度条的多文件上传

ASP.NET中使用Application对象实现简单在线人数统计功能

.Net消息队列的使用方法

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

使用pdfbox实现pdf文本提取和合并功能示例

asp.net 退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)

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

asp.net Xml绑定到数据控件的具体实现

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

精品推荐
分类导航