Javascript技巧:列表CheckBox全选

原创 2006年06月19日 13:32:00
最近做公司内的一个小项目,需要做一个多选项目的删除功能,于是写以下JS脚本例子来实现,其实也是经常用到的比较基础的东西,高手就不用看了。


程序代码:
<script language="javascript">
<!--

function CA(frm)
{
var trk=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '不想被选中的checkbox的名称'))
{
trk++;
e.checked=frm.allbox.checked;
frm.del.disabled = frm.allbox.checked?false:true;//全选对删除按钮的disabled属性的影响
}
}
}

function CCA(frm,CB)
{
var TB=TO=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '不想被选中的checkbox的名称'))
{
TB++;
if (e.checked)
TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;

if (0==TO)//全部未选中和选中一些时对删除按钮的disabled属性的影响
{
frm.del.disabled = true;
}
else
{
frm.del.disabled = false;
}
}

-->
</script>


调用方法:
全选的名称定为allbox,onclick事件执行CA(this.form);
选择项的checbox的onclick事件执行CCA(this.form,this);
版权声明:本文为博主原创文章,未经博主允许不得转载。

列表包含checkBox错位以及选中事件

效果图: 列表项使用了ExpandableTextView,在上一篇博客中提到了用法和使用中遇到的坑:使用ExpandableTextView遇到的坑,在列表中,包含了checkBox,比较容易...
  • jifashihan
  • jifashihan
  • 2016年10月09日 13:21
  • 1144

JS:checkbox 全选及传值相关

checkbox 全选及传值相关
  • istend
  • istend
  • 2014年12月19日 16:27
  • 1176

js实现简单的checkbox全选和取消全选效果

js点击checkbox实现全选效果 function DoCheck() { var ch=document.getElementsByName("choose"); ...
  • sunwei3160
  • sunwei3160
  • 2014年08月12日 14:37
  • 16908

【JS】复选框的全选和取消全选

测试代码如下: li{list-style: none;}
  • zuncle
  • zuncle
  • 2017年02月09日 10:44
  • 552

C# 使用js 实现GridView 的全选 /单选

C# 使用js 实现GridView 的全选 /单选
  • amengsimida
  • amengsimida
  • 2017年03月03日 22:17
  • 135

点击一个checkbox完成全选和反选功能然后完成多条删除

点击一个checkbox完成全选和反选功能 原文地址:http://www.blogjava.net/freeman1984/archive/2007/09/24/147879.html 有以下表...
  • zhengqiqiqinqin
  • zhengqiqiqinqin
  • 2013年07月01日 17:44
  • 3925

table表格的checkbox的全选和选中

表格 --> --> --> 列表 ...
  • NotBad_
  • NotBad_
  • 2016年12月22日 14:26
  • 2186

EasyUI入门2 datagrid复选框全选效果(通过约束条件实现部分项参与的全选效果)

datagrid如果有一些项因为约束条件(比如这一项需要显示出来,但是复选框是disable的),那么在点击全选或全否复选框的时候,这些状态是disable的行是不应该被选中的...
  • xiangcns
  • xiangcns
  • 2017年06月26日 08:40
  • 2173

JavaScript - CheckBox 全选与取消全选

JavaScript - CheckBox 全选与取消全选 前言  提供 CheckBox 全选与取消全选 程序function chkall(input1,input2){    var objFo...
  • ztmaster
  • ztmaster
  • 2005年05月16日 12:32
  • 8154

Android开发——listview中嵌套checkBox复选框实现单选、全选删除列表内容

Android开发——listview中嵌套checkBox复选框实现单选、全选删除列表内容 listView中嵌套复选框进行条目的选中删除操作,我们经常会用到,比如:购物车清单中的商品添加删除,...
  • jxnk25
  • jxnk25
  • 2015年12月19日 14:20
  • 3055
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript技巧:列表CheckBox全选
举报原因:
原因补充:

(最多只允许输入30个字)