<!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. [求助] 关于DDR3的读写操作,看看我的流程对吗?

    [求助] 关于DDR3的读写操作,看看我的流程对吗? 最近简单调了一下KC705开发板上面的DDR3,型号是MT8JTF12864HZ-1G6:有时候加载程序后,发现读出数据不是写进去的,在这将我的操 ...

  2. dmesg命令应用

    昨晚上线服务的时候,看log偶然发现服务在启动半小时左右就会被supervise重新拉起,也没有core.通过重新启动的服务发现内存飙涨,且持续增加,怀疑是内存打满,进程被kill了. 其实怀疑是正确 ...

  3. [转载]ecmall语言包程序

    [转载]ecmall语言包程序 (-- ::) 转载▼ 标签: 转载 收藏了 原文地址:ecmall语言包程序作者:我思故我在 执行顺序 登陆后台后 最先执行的文件是 default.app.php ...

  4. iOS网络访问之使用AFNetworking

    AFNetworking是IOS上常用的第三方网络访问库,我们可以在github上下载它,同时github上有它详细的使用说明,最新的AFNetworing2.0与1.0有很大的变化,这里仅对2.0常 ...

  5. CCNA2.0笔记_子网划分

    http://files.cnblogs.com/files/airoot/%E5%AD%90%E7%BD%91%E5%88%92%E5%88%86.zip 网络 默认子网掩码 A类 255.0.0. ...

  6. 重启tomcat但是session仍然有效的解决方法

    参考:http://www.blogjava.net/freeman1984/archive/2010/03/30/316901.html server.xml,在你的webapp的Context节点 ...

  7. chpasswd 更简单的更改密码的方式

    [root@m01 .ssh]# useradd test[root@m01 .ssh]# echo "test:123"|chpasswd Linux命令:chpasswd 批量 ...

  8. 对sql初始化的值的处理

    要把数据库的值置为数据库初始化时候的值(带隐式的null值)的sql语句. UPDATE member_base_info SET orderType =NULL,getaimAddress=NULL ...

  9. linux运维/自动化开发__目录

    服务器软件安装 nginx apache php mysql oracle tomcat memcached mongodb sqlserver 常用pc端工具安装使用 Xshell         ...

  10. Yii中的criteria 类

    $criteria = new CDbCriteria; //select $criteria->select = '*';//默认* $criteria->select = 'id,na ...