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>

相关文章推荐

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

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

JS实现全选反选全不选

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

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

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

js实现checkbox全选和全不选

按钮列表      //提交 function saveWin(){ var buttonIds = ""; var buttonNames = ""...

歌曲选择(全选,全不选,反选)功能的实现

javascript代码: function selectAll() { //获得全选 var checkAll = document.getEl...
  • pvfhv
  • pvfhv
  • 2011年02月09日 22:35
  • 733

android ListView中Checkbox实现单选,全选,全不选功能

@Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub...
  • jdsjlzx
  • jdsjlzx
  • 2011年11月14日 17:06
  • 10852

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

项目中需要做一个全选、全不选和反选的功能。刚接到这个需求的时候,心想很简单的一个功能,几行代码就能搞定,然而事实并非如此。下面就把我的思路说一下: 1、当点击'全选'按钮时,页面中所有的复选框都应...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS实现的全选/全不选功能按钮
举报原因:
原因补充:

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