<!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. JavaNIO - AbstractInterruptibleChannel

    1. 描述 可异步关闭和中断的Channel. (1)实现InterruptibleChannel接口的Channel支持异步关闭:如果一个线程IO阻塞在一个可中断的channel,另一个线程可以执行 ...

  2. Effective JavaScript Item 37 认识this的隐式指向

    本系列作为Effective JavaScript的读书笔记. CSV数据通常都会被某种分隔符进行分隔.所以在实现CSV Reader时,须要支持不同的分隔符.那么,非常自然的一种实现就是将分隔符作为 ...

  3. uva 11400 - Lighting System Design（动态规划 最长上升子序列问题变型）

    本题难处好像是在于 能够把一些灯泡换成电压更高的灯泡以节省电源的钱 .所以也才有了对最优方案的探求 好的处理方法是依照电压从小到大排序.仅仅能让前面的换成后面的.也就满足了把一些灯泡换成电压更高的灯泡 ...

  4. Linux高性能server编程——I/O复用

     IO复用 I/O复用使得程序能同一时候监听多个文件描写叙述符.通常网络程序在下列情况下须要使用I/O复用技术: client程序要同一时候处理多个socket client程序要同一时候处理用户 ...

  5. Post+Get方式接口测试代码编写

    详细代码如下 package testproject; import java.io.BufferedReader; import java.io.IOException; import java.i ...

  6. J2EE之Servlet初见

    Servlet是J2EE12种规范之中的一个.它也是用java语言编写的程序,其本身也是一种JAVA类,在须要的时候被实例化,不须要的时候自己主动销毁,Servlet的执行是在Servlet容器内执行 ...

  7. hbase java Api练习

    package cn.itcast_01_hbase; import java.util.ArrayList; import java.util.List; import org.apache.had ...

  8. [Android] Ubuntu下Eclipse || Android Studio识别不了手机的官方解决方案

    最近在转移开发平台,Android Studio一直都识别不了手机,但Eclipse却可以.经过一番调查后,发现是自己一点所以然导致的.接下来直接奉上解决教程 解决教程 在命令行终端输入lsusb命令 ...

  9. hdu 3836 Equivalent Sets（强连通分量--加边）

    Equivalent Sets Time Limit: 12000/4000 MS (Java/Others)    Memory Limit: 104857/104857 K (Java/Other ...

  10. Visual Studio 2010自动添加头部注释信息

    在日常的开发中我们经常需要为我们的类库添加注释和版权等信息,这样我们就需要每次去拷贝粘贴同样的文字,为了减少这种重复性的工作,我们可以把这些信息保存在Visual Studio 2010类库模版文件里 ...