一个简单的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本来也是唯一的)
一个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本来也是唯一的)
相关文章推荐
- 一个较简单的js实现checkbox的全选与全不选功能
- 一个简单的checkbox全选实现
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 关于:读写xls文件,提供下载的一个小例子(jxl 的简单运用) - 高级操作
- .net创建一个ActiveX控件并使用的简单例子
- [Atlas]一个Atlas实现的简单例子
- 一个超简单的akka actor例子
- 递归思想分析----以一个简单的例子为例
- 一个简单的jquery+ajax的例子
- 一个简单的C#多线程间同步的例子
- VS2005中GridView简单应用(CheckBox实现全选)
- springMail开发的一个简单的小例子
- 一个简单的SVG例子
- 基于 aLi Lua Web Server 的一个简单例子
- 一个简单正则匹配的例子
- 控制反转理解,一个简单例子
- 一个简单的UDP广播例子(含C/S)
- 关于ExpandableListView用法的一个简单小例子
- vs2005中动态i链接库DLL的一个简单例子
- jquery 操作checkbox的例子(全选,反选,获取选取值...)