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

来源：互联网发布：网络开设赌场罪量刑编辑：程序博客网时间：2024/04/28 19:30

还在念书时候，作业碰到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" onclick="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" onclick="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>

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