html元素
<tr>
<td width="100%" class="leftContentTd">
<input type=checkbox name=All οnclick="checkAll('expType')">
全选
<input type="checkbox" name="expType" value="1" οnclick="checkItem('All')">
1
<input type="checkbox" name="expType" value="2" οnclick="checkItem('All')">
2
<input type="checkbox" name="expType" value="3" οnclick="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;
}