您的位置:首页 > 其它

一个简单的checkbox全选的例子

2008-11-24 23:09 239 查看
最近在做一个PHP的项目,开始的时候真是一点都不懂,做过后,才觉得自己对html还真是不熟悉啊,今天学了个东西,也许是很基础的吧,不过原来我不知道,一直都是做.Net。

一个checkbox全选的例子

//点全选,选中当前父节点下所有子节点

function checkCLASS(o)//o是父checkbox的name值

{

var str = o + '[]';//子checkbox的name值都为父checkbox值+[](应该是一个数组吧)

var opare = document.getElementsByName(o);

var cbs=document.getElementsByName(str);//取得check数组

for(i=0;i<cbs.length;i++)

{

cbs[i].checked=opare[0].checked;

}

}

//只要有一个子checkbox选中,则他对应的父checkbox就会被选中,

function checkPARENT(o)

{

var str = o + '[]';

var opare = document.getElementsByName(o);

var cbs=document.getElementsByName(str);

for(i=0;i<cbs.length;i++)

{

if(cbs[i].checked == true)

{

opare[0].checked = true;

break;

}

}

if(i == cbs.length)

{

opare[0].checked = false;

}

}

//选中所有的checkbox控件

function checkAll(o)

{

var cbs=document.getElementsByTagName('input');//根据标签来查找控件

for(i=0;i<cbs.length;i++)

{

if(cbs[i].type == 'checkbox')//当是checkbox控件

{

cbs[i].checked=o.checked;

}

}

}

其实主要还是想记录下一下这几个函数的用处:

document.getElementsByName(o);//取得名字为o的数值的所有控件(是一个集合)

document.getElementsByTagName('input');//得得是input标签的控件(可以是image等标签)

另外还有一个是

document.getElementsById(o);//取得ID为哦的数值的控件(是一个,ID本来也是唯一的)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: