checkbox的全选/反选功能、支持不同组内的checkbox全选/反选

最新推荐文章于 2024-04-14 17:03:53 发布

dhttaso

最新推荐文章于 2024-04-14 17:03:53 发布

阅读量858

点赞数

分类专栏： JavaScript 文章标签： border xhtml input 作业 function html

本文链接：https://blog.csdn.net/dhttaso/article/details/5914645

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

还在念书时候，作业碰到checkbox的全选反选问题，当时随便解决了下全选功能。但在不同组外全选功能就没有去思考。今天写了个，算是把以前的作业补充完整。

/*-----------------下面是全部代码-----------*/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>checkbox</title> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="giew" style="border:1px solid red; width:400px;"> <input type="checkbox" name="cbox" id="cbox" οnclick="checkAll('giew','cbox');"/>全选/反选<br /> <input type="checkbox" name="cbox" /><br /> <input type="checkbox" name="cbox" /><br /> <input type="checkbox" name="cbox" /><br /> <input type="checkbox" name="cbox" /><br /> </div> <div id="giew2" style="border:1px solid orange; width:400px; margin-top:30px"> <input type="checkbox" name="cbox1" id="cbox1" οnclick="checkAll('giew2','cbox1');"/>全选/反选<br /> <input type="checkbox" name="cbox1" /><br /> <input type="checkbox" name="cbox1" /><br /> <input type="checkbox" name="cbox1" /><br /> <input type="checkbox" name="cbox1" /><br /> </div> </body> </html>

有更好办法的，请前辈门指点下，谢谢。

dhttaso

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox的全选/反选功能、支持不同组内的checkbox全选/反选

<br /> 还在念书时候，作业碰到checkbox的全选反选问题，当时随便解决了下全选功能。但在不同组外全选功能就没有去思考。今天写了个，算是把以前的作业补充完整。<br />function checkAll(gv,cboxID){ var id=document.getElementById(cboxID); var g=document.getElementById(gv); var cbox=g.getElementsByTagName("input"); fo
复制链接

扫一扫