Example015实现html中checkbox的全选和反选（2）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实例015</title>
</head>
<body>
<form>
<label for="one"><input onclick="qx(this)" id="one" type="checkbox" >全选</label><br> <input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
</form>
<script>
var obj = document.getElementsByName("username[]"); function qx(o) {
for(var i = 0; i < obj.length; i ++) {
obj[i].checked = o.checked;
}
}
</script>
</body>
</html>
Example015实现html中checkbox的全选和反选（2）的更多相关文章
- jquery中checkbox的全选与反选
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...
- Exameple014实现html中checkbox的全选，反选和全不选（1）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js中checkbox的全选和反选的实现
<head> <meta charset="utf-8"/> <script type="text/javascript"> ...
- jQuery checkbox的全选与反选
1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...
- 通过VBA实现checkbox的全选和反选
checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click() ‘checkbox为总控 ...
- checkbox的全选与反选
最近在做一个项目,其中一个功能就是多选框的全选与反选.感觉很简单的小功能,一下子想不起来怎么实现了,很是耽误时间.我在想,我有必要整理下自己的一些小demo了,也方便以后再使用的时候能快速的完成功能. ...
- js及jQuery实现checkbox的全选、反选和全不选
html代码: <label><input type="checkbox" id="all"/>全选</label> < ...
- Android中购物车的全选、反选、问题和计算价格
此Demo主要解决的是购物车中的全选,反选计算价格和选中的条目个数的问题,当选中几条时,点击反选,会把当先选中的变为不选中,把不选中的变为选中.点击全选会全部选中,再次点击时,变为全部不选中. //- ...
- checkbox之全选和反选
先导入jquery组件 <input type="checkbox" id="checkall">全选<input type="ch ...
随机推荐
- Linux增加磁盘操作
首先,增加磁盘分为4个大步骤:1.插上硬盘:2.分区;3.格式化4.挂载,然后分别说说以上四步的具体事项和注意内容. 1.插上硬盘(本位以虚拟机为例) 新买来一块磁盘,把磁盘插到主板上.虚拟机中操作如 ...
- Haproxy------在windows下配置负载均衡
配置Haproxy 1.解压Haproxy到d:\haproxy 2.置haproxy.cfg文件 global log 127.0.0.1 local0 maxconn 1500 daemon de ...
- RabbitMQ集群和失败处理
RabbitMQ内建集群的设计用于完成两个目标:允许消费者和生产者在RabbitMQ节点在奔溃的情况下继续运行,以及通过添加更多的节点来线性扩展消息通信的吞吐量.当失去一个RabbitMQ节点时客户端 ...
- java泛型探索——泛型类
本文主要讨论一下如何声明泛型类,讨论的范围涉及构造函数.静态成员.内部类. 构造函数 泛型的类型参数首先声明在首部: public class Pair<T,U> { private fi ...
- 【持久化框架】Mybatis简介与原理
从这篇博文开始我们学习一下Mybatis,希望大家提出宝贵的建议. 什么是Mybatis MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache softwar ...
- SQL Server on Red Hat Enterprise Linux——RHEL上的SQL Server（全截图）
本文从零开始一步一步介绍如何在Red Hat Enterprise Linux上搭建SQL Server 2017,包括安装系统.安装SQL等相关步骤和方法(仅供测试学习之用,基础篇). 一． 创 ...
- Vulkan Tutorial 开发环境搭建之Windows
操作系统:Windows8.1 显卡:Nivida GTX965M 开发工具:Visual Studio 2017 相信很多人在开始学习Vulkan开发的起始阶段都会在开发环境的配置上下一些功夫,那么 ...
- 【JAVAWEB学习笔记】25_Linux基础
Linux基础 学习目标 1.了解Linux的简介与安装 2.掌握Linux常用的命令 3.掌握Linux系统上JDK.Mysql.Tomcat的安装 一.Linux的简介 1．Linux的概述 Li ...
- ArrayList源码解析（一）
源码解析系列主要对Java的源码进行详细的说明,由于水平有限,难免出现错误或描述不准确的地方,还请大家指出. 1.位置 ArrayList位于java.util包中. package java.uti ...
- on方法使用注意事项
on(eventType,[childSelector],[data],fn) 采用事件委托机制绑定事件,好处是子元素动态加入时无需再次绑定. on方法可以传入childSelector指定添加事件处 ...