关于复选框全选问题，急！

Question

考虑把需要全选的input放在一个div里面,然后定位到div,遍历下面所有的input,选中...

Answer 1

function selectAll(){var checks = document.getElementsByTagName("input");
for(var i = 0 ; i < checks.length ; i++){
    if(checks[i].type="checkbox")
    {
         checks[i].checked = true; 
    }
}
}

Answer 2

全选: <input name="allselect" type="checkbox" onclick=check_all(this)> 
<input name="groupname[0]" type="checkbox"  value="20201" /> 
<input name="groupname[3]" type="checkbox"  value="20202" /> 
<input name="groupname[5]" type="checkbox"  value="20203" /> 
<input name="groupname[6]" type="checkbox"  value="20204" /> 
<input name="groupname[10]" type="checkbox"  value="20205" /> 
<input name="groupname[15]" type="checkbox"  value="20206" /> 
<input name="groupname[100]" type="checkbox"  value="20222" /> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function check_all(obj){
var ochk = document.getElementsByTagName('input');
for(var i = 0; i < ochk.length; i++){
if(ochk[i].type=="checkbox" && ochk[i].name.indexOf('groupname') != -1){
ochk[i].checked = obj.checked;
}
}
}
//-->
</SCRIPT>

Answer 3

<input name="allselect" type="checkbox" onclick=check_all(this)> 
<script>
function selectAll(obj){ 
    var allCheck = document.getElementsByTagName("input"); 
    for(var i = 0 ; i < allCheck.length ; i++){ 
        if(allCheck[i].type="checkbox" && allCheck[i].name.indexOf("groupname") == 0) 
            allCheck[i].checked = obj.checked; 
    } 
}
</script>

Answer 4

<input name="allselect" type="checkbox" onclick=check_all(this.checked);>
<label id="haha">
<input name="groupname[0]" type="checkbox"  value="20201" /> 
<input name="groupname[3]" type="checkbox"  value="20202" /> 
<input name="groupname[5]" type="checkbox"  value="20203" /> 
<input name="groupname[6]" type="checkbox"  value="20204" /> 
<input name="groupname[10]" type="checkbox"  value="20205" /> 
<input name="groupname[15]" type="checkbox"  value="20206" /> 
... 
<input name="groupname[100]" type="checkbox"  value="20222" /> 
</label>
<script>
function check_all(bool){
var chk = document.all("haha").getElementsByTagName("input");
for(var i=0;i<chk.length;i++){
chk[i].checked = bool;
}
}
</script>

Answer 5

<script>
function Checkall(obj)
{
   var a = document.getElementsByTagName("input");   if(obj.checked==true)
   {
   for (var i=0; i<a.length; i++)
   {
  if (a[i].type == "checkbox") a[i].checked = true;
   }
   }
   else   
   {
      for (var i=0; i<a.length; i++)
   {
  if (a[i].type == "checkbox") a[i].checked = false;
   }
   }}
</script><input name="allselect" type="checkbox" onclick="Checkall(this)"/> 全选<br><input name="groupname[0]" type="checkbox"  value="20201" /> 
<input name="groupname[3]" type="checkbox"  value="20202" /> 
<input name="groupname[5]" type="checkbox"  value="20203" /> 
<input name="groupname[6]" type="checkbox"  value="20204" /> 
<input name="groupname[10]" type="checkbox"  value="20205" /> 
<input name="groupname[15]" type="checkbox"  value="20206" /> 通过测试的。你可以试验试验

Answer 6

<script>

function check_all(obj){

var tempObj=document.getElementById("haha");
if(obj.checked){
for(var i=0;i<tempObj.childNodes.length;i++){
if(tempObj.childNodes[i].type=="checkbox"){
tempObj.childNodes[i].checked=true;
}
}

}else{

for(var i=0;i<tempObj.childNodes.length;i++){
if(tempObj.childNodes[i].type=="checkbox"){
tempObj.childNodes[i].checked=false;
}
}
}

}</script>
<input name="allselect" type="checkbox" onclick=check_all(this);>
<div id="haha">
<input name="groupname[0]" type="checkbox"  value="20201" /> 
<input name="groupname[3]" type="checkbox"  value="20202" /> 
<input name="groupname[5]" type="checkbox"  value="20203" /> 
<input name="groupname[6]" type="checkbox"  value="20204" /> 
<input name="groupname[10]" type="checkbox"  value="20205" /> 
<input name="groupname[15]" type="checkbox"  value="20206" />  
<input name="groupname[100]" type="checkbox"  value="20222" /> 
</div>

Answer 7

最好是用个容器包着所有input，然后进行容器内遍历。不过，5楼的方法基本上已经够力度了，用5楼的。