JavaScript js复选框的全选,反选(转载)

html元素

<tr>

 

<td width="100%" class="leftContentTd">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

<input type=checkbox name=All onclick="checkAll('expType')">

全选

<input type="checkbox" name="expType" value="1" onclick="checkItem('All')">

1

<input type="checkbox" name="expType" value="2" onclick="checkItem('All')">

2

<input type="checkbox" name="expType" value="3" onclick="checkItem('All')">

3

</td>

</tr>

 

 

javascript代码

 

function checkAll(str)   

{   

    var a = document.getElementsByName(str);   

    var n = a.length;   

    for (var i=0; i<n; i++)   

    a[i].checked = window.event.srcElement.checked;   

}   

function checkItem(str)   

{   

    var e = window.event.srcElement;   

    var all = eval("document.all."+ str);   

    if (e.checked)   

    {   

        var a = document.getElementsByName(e.name);   

        all.checked = true;   

        for (var i=0; i<a.length; i++)   

        {   

            if (!a[i].checked)  

            {   

                all.checked = false; break;  

            }   

        }  

    }   

    else   

        all.checked = false;   

}