<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html xmlns="http://www.111cn.net/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>javascript选择当前页面所有checkbox 复选框代码</title>

<script language="javascript">

function selectalls(state)

{

    var inputs = document.getElementsByTagName("input");

    for(var i=0; i< inputs.length; i++)

    {

        if(inputs[i].type == "checkbox")

        {

            inputs[i].checked =state;

        }

    }

}

</script>

</head>

<body>

    <form id="form1" name="form1" method="post" action="">

        <input type="checkbox" name="checkbox1" id="c1" />

        <input type="checkbox" name="checkbox2" id="c2" />

        <label for="checkbox"></label>

        <input type="text" name="textfield" id="textfield" />

        <input type="submit" name="button" id="button" value="按钮" onclick="javascript:selectalls(true);" />

    </form>

    <label for="textfield"></label>

    <input type="button" name="button" id="button" value="按钮" onclick="javascript:selectalls(true);" />

</body>

</html>

前后两个按钮都可以。参考：
http://www.cnblogs.com/star250/archive/2007/10/31/944206.html

radio特殊一些，因为同名的radio有两个按钮，但又只能单选，所以必须根据它的value才能判断是哪一个（value不代表被选中）：

function selectalls(state)

{

    var inputs = document.getElementsByTagName("input");

    for(var i=0; i< inputs.length; i++)

    {

//        if (i<=7) alert(inputs[i].name + "    " + inputs[i].value + "    "+ inputs[i].checked);

        if ((inputs[i].type == "radio") && (inputs[i].value=='true'))

        {

            inputs[i].checked = state;

        }

    }

}
<input type="button" name="button" id="button" value="<?php echo $ini_array['index.select.all']?>" onclick="javascript:selectalls(true);" />

JS全选checkbox的更多相关文章

  1. js全选checkbox框

    html: <input  type="checkbox" id="checkbox1" value="1" onclick=&quo ...

  2. JS全选功能代码优化

    原文:JS全选功能代码优化 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能 ...

  3. 简单JS全选、反选代码

    1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ...

  4. js实现全选checkbox

    js代码 function selectAllCheckBox(parentid) { var PID = document.getElementById(parentid); var cb = PI ...

  5. js——全选框 checkbox

    一直会碰见input 全选框的问题,先整理一种情况: 1. <input id="selectAll" type="checkbox" />全选 2 ...

  6. jquery、js全选反选checkbox

    操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked&quo ...

  7. JS全选

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  8. js全选与反选

    HTML结构: <!doctype html><html><head><meta charset="utf-8"><title ...

  9. Js全选 添加和单独删除

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. AAtitit.随时间变色特效 ---包厢管理系统的规划titit.随

    Atitit.随时间变色特效 ---包厢管理系统的规划 1 流程滴定仪 定义的参数 颜色.位置(开始值,结束值,当前比值) >>返回数值 可以后期处理转成双位16进制码 分别定义复合颜色的 ...

  2. RCU

    RCU(read-copy-update)同步机制.R(Read):读者不需要获得任何锁就可访问RCU保护的临界区:C(Copy):写者在访问临界区时,写者“自己”将先拷贝一个临界区副本,然后对副本进 ...

  3. JS高程3：面向对象的程序设计——理解对象

    JS中对象的定义: (无序)属性的集合 (无序)值的集合 (无序)名值对的集合 JS对象是基于引用数据类型来创建的. JS对象创建的2种方式: 传统方式 对象字面量 var person = new ...

  4. Linux之实用GDB技巧

    一.引言 在Linux下开发,肯定少不了与gdb打交道,而gdb的命令又非常多,有些是不常用的但是特殊情况下却是必须的,因此记录在此,以便翻阅 二.基本命令 前面是命令全名,在不混淆的情况下,可以简写 ...

  5. HTML5之语音识别实例

    HTML5之语音识别实例 代码 <input type="text"  x-webkit-speech id="d1" lang="zh-CN& ...

  6. spring-test使用介绍

    一.首先引入spring的jar文件到项目中,我采用maven管理项目依赖的jar包: <properties> <spring.version>4.0.0.RELEASE&l ...

  7. Django1.6 +wsgi 部署到Apache2 的步骤。

    网上很多教程都是关于1.6之前的版本,很多都不适用,经历告诉我们最靠谱的还是官方文档. 一个Demo例子: 以 python shell开发的方式部署没有问题,但当独立部署到Apache2的过程非常艰 ...

  8. C#调用C++dll文件 运行提示找不到函数的入口点

    1.首先用DllAnalyzer查看dll的输出函数名,发现输出的函数名有所变化,多了@xxx和一些别的奇怪的字符,实际上是因为C++重载机制造成的,使用使用extern "C"关 ...

  9. linux应用time和timezone

    linux中应用层(非内核层)time是怎样处理的?时区是怎样设置的?夏令时时是怎样实现的?NTP时间同步是怎么回事?本篇文章就在嵌入式linux应用中time和timezone相关问题总结. 1. ...

  10. hdu6003 Problem Buyer 贪心 给定n个区间，以及m个数，求从n个区间中任意选k个区间，满足m个数都能在k个区间中找到一个包含它的区间，如果一个区间包含了x，那么 该区间不能再去包含另一个数，即k>=m。求最小的k。如果不存在这样的k，输出“IMPOSSIBLE!”。

    /** 题目:hdu6003 Problem Buyer 链接:http://acm.hdu.edu.cn/showproblem.php?pid=6003 题意:给定n个区间,以及m个数,求从n个区 ...