javascript中检验盒使用方法实例演示

本文实例讲述了Java脚本语言实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：运行效果截图如下：

(1)全选

(2)部分选

(3)反选（全不选)

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；字符集=UTF-8 '标题表中的复选框/标题脚本类型=' text/JavaScript ' src=' http : script/jquery-1。10 .1 .js /脚本样式类型=' text/CSS '正文{ width :100%；高度：100%;font-size :12 px}表格{宽度：80%；高度：100%;} .tr _ odd { background: # EBF2FE}。tr _ even { background : # B4 CDE 6；} .tab _ body { text-align : center；}/style script type=' text/JavaScript ' $(function(){ $(' tr : odd ').addCLaSS(' tr _ odd ')；//奇数行背景色$('tr:even ').addCLaSS(' tr _ even ')；//偶数行背景色$('#ckb_head ').单击(function(){ if($(this)).道具('选中'){//全选$('input[name='ckb']').attr('checked '，' true ')；}else{//全不选$('input[name='ckb']').removeAttr(“”选中');} });});//部分选函数ckbSome(){ var flag=true；var所选ckb=文档。getelementsbyname(' ckb ')；for(var I=0；iseselectedckb。长度；i ){ if(selectedCkb[i]).checked==false){ flag=false；} if(flag){ document。getelementsbyname(' check _ box ')[0].选中=真；} else { document。getelementsbyname(' check _ box ')[0].选中=假；} } }/脚本/头体表tr style=' background : # CCCCCC；文本对齐：中心thin put type=' checkbox ' id=' ckb _ head ' name=' check _ box '/th学号/th姓名/th年龄/th性别/th/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060101/TD张华TD/td23/TD男/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060102/TD赵雪TD/td24/TD女/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD TD 2013060103/TD孙旭TD/td21/TD男/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060104/TD李姝TD/td20/TD女/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060105/TD公孙旭TD/td22/TD男/TD/tr class=' tab _ body ' TD输入类型=' checkbox '名称=ckb ' onclick=' ckbSome()'//TD TD 2013060106/TD李枝花TD/td24/TD女/TD/tr class=' tab _ body ' t input type=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060107/TD魏征TD/td22/TD男/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060108/TD施礼TD/td20/TD女/TD/tr class=' tab _ body ' TD输入类型=' checkbox '名称=' ckb ' onclick=' ckbSome()'//TD TD 2013060109/TD王志TD/td23/TD男/TD/tr class=' tab _ body ' TD输入类型=' checkbox ' name=' ckb ' onclick=' ckbSome()'//TD TD 2013060104/TD方小许TD/td20/TD女/td /tr /table /body /html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。