JS实现的全选/全不选功能按钮

原创 2015年11月19日 14:53:38
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>复选框全选、全不选和反选 www.pigzz.com 站长学院</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function checkAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    if (box.checked == false) box.checked = true;
    }
    }
    function uncheckAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    if (box.checked == true) box.checked = false;
    }
    }
    function switchAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    box.checked = !box.checked;
    }
    }
    //  End -->
    </script>
    </head>
    <body>
    <form name=checkboxform>
    <input type=checkbox name=C1 checked>站长学院<br>
    <input type=checkbox name=C2 checked>www.pigzz.com<br>
    <input type=checkbox name=C3 checked>C3<br>
    <input type=checkbox name=C4 checked>C4<br>
    <input type=checkbox name=C5 checked>C5<br>
    <input type=checkbox name=C6 checked>C6<br>
    <input type=checkbox name=C7 checked>C7<br>
    <input type=checkbox name=C8 checked>C8<br>
    <input type=checkbox name=C9 checked>C9<br>
    <br>
    <input type=button value="全部选中" onClick="checkAll()"><br>
    <input type=button value="全部不选" onClick="uncheckAll()"><br>
    <input type=button value="选择转换" onClick="switchAll()"><br>
    </form>
    </body>
    </html>

js写全选按钮、全不选按钮、反选按钮、全选全不选复选框代码

今天主要给大家介绍下如何用js原生代码写出全选、全不选、反选按钮。代码如下: Document 你的呢爱好很广泛!! 全选/全不选 足球 篮球 游泳 唱歌 ...
  • sinat_21206105
  • sinat_21206105
  • 2016年09月01日 21:13
  • 8119

JSP、JS实现多选全选操作

类似于淘宝购物车中的多选操作,可以全选操作,也可以部分选择操作 JSP页面显示代码: "+"Apple/苹果6 4.7寸港版删除 "+"Apple/苹果6 4.7寸港版删除 全选代码...
  • a281246240
  • a281246240
  • 2015年05月27日 14:35
  • 2986

js中checkbox中的全选和反选效果实现

Document //获取checkbox按钮组 var allpro = document.getElementsByName("c1"); //全选...
  • wangdajiao
  • wangdajiao
  • 2016年10月20日 10:54
  • 2153

js表格刷新、全选、全不选、添加、拷贝、上下移动、删除行功能实现

  • 2016年08月12日 17:19
  • 3KB
  • 下载

JQuery实现全选、全不选、反选功能

  • 2016年12月12日 16:51
  • 74KB
  • 下载

JS实现全选反选全不选

  • 2017年06月18日 19:22
  • 2KB
  • 下载

ListView+CheckBox UI 完美版。实现 全选 、 全不选 、 删除等功能

  • 2014年03月13日 22:22
  • 1.46MB
  • 下载

《安卓》一个按钮实现全选和全不选

目的描述: 在一个activity上显示三个不同名字的按钮,并设置一个名字为全选的按钮,当对它点击可以选择其余所有按钮,再次点击则取消所选的按钮。 截图展示: 单个选择 点击全选后全部选...
  • a1414345
  • a1414345
  • 2016年07月05日 22:11
  • 439

jquery实现复选框的全选与全不选功能 .

一:1)引进jquery-1.6.4.min.js文件 2)效果图如下: a)默认情况: b)点击全选后并点击提交按钮后: c)当点击个别按钮时: 二:代码示例如下:...
  • ssrrxx111
  • ssrrxx111
  • 2013年05月14日 15:51
  • 3712

天易20----jquery实现复选框的全选与全不选功能

一:1)引进jquery-1.6.4.min.js文件 2)效果图如下: a)默认情况: b)点击全选后并点击提交按钮后: c)当点击个别按钮时: 二:代码示例如下:...
  • wangzihu
  • wangzihu
  • 2012年11月19日 19:43
  • 1234
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS实现的全选/全不选功能按钮
举报原因:
原因补充:

(最多只允许输入30个字)