实现的效果:有一个未选全选勾去掉,单选全部选择全选勾选中
checkbox1 checkbox1 checkbox1 checkbox1 checkbox1
全选与不全选的切换
源代码:
<
input
type
=checkbox
name
=mm
value
=a
onclick
="checkItem(this, 'mmAll')"
>
checkbox1
< input type =checkbox name =mm value =b onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =c onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =d onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =e onclick ="checkItem(this, 'mmAll')" > checkbox1 < br >
< input type =checkbox name =mmAll onclick ="checkAll(this, 'mm')" > 全选与不全选的切换
< input type =checkbox name =mm value =b onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =c onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =d onclick ="checkItem(this, 'mmAll')" > checkbox1
< input type =checkbox name =mm value =e onclick ="checkItem(this, 'mmAll')" > checkbox1 < br >
< input type =checkbox name =mmAll onclick ="checkAll(this, 'mm')" > 全选与不全选的切换
<
script language
=
Javascript
>
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName); //获取全选复选框
for (var i=0; i<aa.length; i++){
aa[i].checked = e.checked; //改变所有复选框的状态为全选复选框的状态
}
}
function checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0]; //获取全选复选框
if(!e.checked){
//没被选中全选复选框置为false;
all.checked = false;
} else {
//选中,遍历数组
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
//只要数组中有一个没有选中返回。假如所有的都是选中状态就将全选复选框选中;
if(!aa[i].checked) return;
all.checked = true;
}
}
</ script >
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName); //获取全选复选框
for (var i=0; i<aa.length; i++){
aa[i].checked = e.checked; //改变所有复选框的状态为全选复选框的状态
}
}
function checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0]; //获取全选复选框
if(!e.checked){
//没被选中全选复选框置为false;
all.checked = false;
} else {
//选中,遍历数组
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
//只要数组中有一个没有选中返回。假如所有的都是选中状态就将全选复选框选中;
if(!aa[i].checked) return;
all.checked = true;
}
}
</ script >