复选框全选

Html代码


<SCRIPT> 
function check(obj) {  
    var checkboxList=obj.parentNode.getElementsByTagName("input");  
    var count=checkboxList.length;  
    var flag=obj.checked;  
    for(var i=0; i<count;i++){  
        checkboxList[i].checked=flag;  
    }  
}  
</script> 
<form name=myform> 
    <input type=checkbox onClick="check(this)"> 
    <p> 
        <input type=checkbox  value="1" onClick="check(this)"> 
        <input type=checkbox  value="1"> 
        <input type=checkbox  value="1"> 
        <input type=checkbox  value="1"> 
        <input type=checkbox  value="1"> 
    </p> 
    <p> 
        <input type=checkbox  value="2" onClick="check(this)"> 
        <input type=checkbox  value="2"> 
        <input type=checkbox  value="2"> 
        <input type=checkbox  value="2"> 
        <input type=checkbox  value="2"> 
    </p> 
</form> 


    

    
Javascript CheckBox 全选 function chkall(input1,input2)
{
    var objForm = document.forms[input1];
    var objLen = objForm.length;
    for (var iCount = 0; iCount < objLen; iCount++)
    {
        if (input2.checked == true)
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = true;
            }
        }
        else
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = false;
            }
        }
    
    }
}

//aspx页面调用

chkall('Form1',this)   //Form1是form的名称
<input type='checkbox' name='c1'  onclick="chkall('Form1',this)">选择所有