华域联盟 .Net 使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟

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

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

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

复制代码 代码如下:

<asp:TemplateField HeaderText="&lt;input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' /&gt;反选">

<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代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟

转载请保留出处和原文链接:https://www.cnhackhy.com/42962.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部