JS全选checkBox最佳方案。

 <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>

 

代码
<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>

上面的例子还是比较方便的,因为,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>
原文地址:https://www.cnblogs.com/dudu837/p/1682462.html