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

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

热门标签:云南外呼电销机器人系统 上海杨浦怎么申请申请400电话 地图标注多个行程 铜川小型外呼系统运营商 海外地图标注门市标 山西防封卡电销卡套餐 陕西人工外呼系统哪家好 厦门商铺地图标注 浙江外呼系统怎么安装
原来也很简单和用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;icbNameLen;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;icbNameLen;i++)
{
if(obj[i].checked)
{
Flag=true;
break;
}
}
if(Flag)
{
return true;
}
else
{
alert("请先选择要操作的记录! ");
return false;
}
}
else
{
alert("现在没有记录,不能操作!");
return false;
}
}
/script>

标签:自贡 莱芜 西双版纳 许昌 孝感 信阳 常州 朔州

巨人网络通讯声明:本文标题《使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟》,本文关键词  使用,JavaScript,代码,实现,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟》相关的同类信息!
  • 本页收集关于使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟的相关信息资讯供网民参考!
  • 推荐文章