input type="button" name="" value="不计算长度" onclick="a()">
<input type="button" name="" value="全选" onclick="b()">
<input type="button" value="缓存" onclick="c()">
<input type="checkbox" name="test[]" value="0"> 测试测试<br>
<script language="JavaScript">
<!--
var ca = new Array();
function a()
{
var m = document.getElementsByName('test[]');
for ( var i=0; i< m.length ; i++ )
{
m[i].checked == true
? m[i].checked = false
: m[i].checked = true;
}
}
function b()
{
var m = document.getElementsByName('test[]');
var l = m.length;
for ( var i=0; i< l; i++)
{
m[i].checked == true
? m[i].checked = false
: m[i].checked = true;
}
}
function c()
{
if (ca.length == 0)
{
ca = cache();
}
cl = ca.length;
for ( var i=0; i< cl; i++)
{
ca[i].checked == true
? ca[i].checked = false
: ca[i].checked = true;
}
}
function cache()
{
var m = document.getElementsByName('test[]');
var cache = new Array();
var l = m.length;
for ( var i=0; i< l; i++)
{
cache[i] = m[i];
}
return cache;
}
//-->
</script>
至于那个input type="checkbox"的,你们就尽量复制吧,尽量不要超过1W,否则。。别怪我没有提醒你,当然了,也不需要把浏览器关掉,跑到外面抽根烟再回来就行了。
所以,我们要切实的记住,反正数组有长度的,坚决不能放在循环里面,而是先将这个长度取出来当成变量。PHP里也一样,循环数组的时候,先count数组的长度比较好。
当然了,我第三个采用了缓存,速度也是非常快的,比长度取好后再进行计算更快,因为连一次都不用取了(当然,除了第一次),全部扔给客户端了。
上面的例子还是比较方便的,因为,checkbox的 name值都一样,如果不一样怎么办???
只能这样
script language="JavaScript">
<!--
function check()
{
var inputs = document.getElementsByTagName('input');
var inputsLen = inputs.length;
for (var i = 0; i < inputsLen ; i++ )
{
if (inputs[i].type.toLowerCase() == 'checkbox')
{
inputs[i].checked == true
? inputs[i].checked = false
: inputs[i].checked = true;
}
}
}
//-->
</script>
缓存方法同上,这里就不多讨论了
<转自:http://www.cnitblog.com/neatstudio/archive/2007/10/17/35006.html>
分享到:
相关推荐
常用的js全选checkbox按钮的功能
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
jQuery制作全选CheckBox 的两种代码 还不错
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
js实现checkbox 全选和取消 自己亲测可以使用
WPF之CheckBox组的全选设计,知识点有位运算和枚举的Flags特性
带全选CheckBox的基于ExpandableListView的多选Demo源码,我的资料中的另一个是不带全选框的Demo,大家可以相互学习相互交流,免费下载,没设置下载豆
JQuery实现checkbox的全选取消全选
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法:
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
自用 勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!
checkbox.html 博文链接:https://crazymud.iteye.com/blog/426702
CheckBoxList操作方法集合,包括:获取选中项、全选、取消、反选
javascript中CheckBox全选终极方案.docx
jquery、js操作checkbox全选反选.docx