用Javascript实现全选和反选

最新推荐文章于 2025-08-09 20:51:19 发布

原创最新推荐文章于 2025-08-09 20:51:19 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #button #html #action #function

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页中复选框全选和反选功能的方法。通过两个简单的函数chooseAll和reserveAll，可以轻松操作一组复选框的状态。此方案适用于含有多个相同名称复选框的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>用Javascript实现全选和反选</TITLE> <script> function chooseAll(multiChk){ for (i=0;i<multiChk.length;i++) { multiChk[i].checked = true; } } function reserveAll(oj){ for(i=0;i<oj.length;i++){ if(oj[i].checked == true) oj[i].checked = false; else oj[i].checked = true; } } </script> </HEAD> <BODY> <form name="regForm" method=post action=""> <input type="checkbox" name="aa" checked>水稻<br> <input type="checkbox" name="aa" >玉米<br> <input type="checkbox" name="aa" >大豆<br> <input type="checkbox" name="aa" >小麦<br> <input type="checkbox" name="aa" >花生<br> <input type="button" value="全选" onclick = "chooseAll(document.regForm.aa)">     <input type="button" value="反选" onclick = "reserveAll(document.regForm.aa)"> <form> </BODY> </HTML>

其中传入的是一个对象,因此脚本程序有通用性.如果同一张网页里面有多个复选框,则可以共用该程序.