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);
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

Android开发——listview中嵌套checkBox复选框实现单选、全选删除列表内容 listView中嵌套复选框进行条目的选中删除操作,我们经常会用到,比如:购物车清单中的商品添加删除,...
  • jxnk25
  • jxnk25
  • 2015-12-19 14:20
  • 2472

安卓ListView中CheckBox的使用(支持Item列表项的删除,全选,全不选)

ListView 自身提供了 CheckBox 只需要添加一行代码 getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); ...

JavaScript学习笔记之js实现复选框checkbox的全选、反选示例

1.选中全选复选框,则其他的复选框自动全部选中; 2.已选中全选复选框,再次点击全选复选框,则其他复选框全部不选中; 3.当全部其他复选框都被选中时,全选复选框自动被选中; 4.当全部其他复选框...

jquert结合原生javascript实现的checkbox全选与全不选

之所以要使用原生javascript,是因为jQuery的attr方法在这里不能实现,具体是怎么样的,我也不知道。 html代码: 全部选定 全部取消 javascript代码: 得保...

新手学JavaScript(四)----CheckBox全选与全不选

在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox,用bootstrap里面自带的checkbox和radio样式不太美观,所以就另找了一个插件,这里大家可能会有疑问,...

用Javascript实现checkbox全选、全不选

用Javascript实现checkbox全选、全不选

javascript checkbox作为开关,控制全选和全不选的动态关联实现

如你所知如果使用一个checkbox作为一组checkbox的总开关的话。那么,总开关的逻辑当然是:在当前全部选中的情况下,点击总开关,就会全部不选中;否则,就全部选中。 另外,当被控制的子check...

HTML 复选框 checkbox 的 JavaScript 的全选和全反选

checkbox 或者按钮实现 form 内的 checkbox 全选或者反选,代码很简单,全部代码如下: Insert title here 序号 选择 ...
  • joyous
  • joyous
  • 2013-09-30 11:16
  • 30441

【JavaScript】JavaScript中的checkbox之全选、全不选、反选

JavaWeb中很常见的一种功能是checkbox的选择问题。下面是功能展示图: 代码部分: Untitled Document 请选择您的爱好!...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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