教程集 > 脚本编程 > javascript > 正文 js 多表单checkbox全选、反选、不全选效果

js 多表单checkbox全选、反选、不全选效果

发布时间：2023-06-04 编辑：jiaochengji.com

教程集为您提供js 多表单checkbox全选、反选、不全选效果等资源，欢迎您收藏本站，我们将为您提供最新的js 多表单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>  <title>多表单checkbox全选、反选、不全选效果</title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">  </head>  <body>    <script language="Javascript">    function cc(N,bool){      var aa = document.getElementById(N).getElementsByTagName("input");    for (var i=0; i<aa.length; i  ){  	  if (aa[i].type=="checkbox")  		aa[i].checked = bool==1 ? true : (bool==0 ? false : !aa[i].checked);    }    }  </script>  <form id="form1">    <input type="checkbox" name="c1"><br>    <input type="checkbox" name="c2"><br>    <input type="checkbox" name="c3"><br>    <input type="checkbox" name="c4"><br>    <input type="checkbox" name="c5"><br>    全选 全不选 反选  </form>  <form id="form2">    <input type="checkbox" name="c11"><br>    <input type="checkbox" name="c12"><br>    <input type="checkbox" name="c13"><br>    <input type="checkbox" name="c14"><br>    全选 全不选 反选  </form>  <form id="form3">    <input type="checkbox" name="c19"><br>    <input type="checkbox" name="c21"><br>    <input type="checkbox" name="c31"><br>     全选 全不选 反选  </form>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jquery checkbox全选反选效果代码
 JQuery实现全选与反选的二种方法
 jquery checkbox复选框是否选中的检测代码
 jquery写个checkbox——类似邮箱全选功能
 js实现checkbox全选与反选的例子
 JQUERY CHECKBOX全选,取消全选,反选方法三
 checkbox全选与反选简单代码
 jquery判断checkbox是否选中的代码参考
 jquery如何获取复选框的值
 js 复选框（checkbox）全选/全不选/返选代码

上一篇：js em实现倒三角代替图片

[关闭]

js 多表单checkbox全选、反选、不全选效果

最近更新

浏览排行