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

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

下面将实现反选的两部分代码写一下哦。控件使用的是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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类