- 浏览: 799864 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
----------------------------------------------------------
//第一种方法:存在不足之处
//全选、反选、取消
//全选
function selectAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (!document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = true;
}
}
}
//反选
function selectRerverse() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
} else {
document.form.missiveType[i].checked = true;
}
}
}
//取消
function cancelAll() {
for (i = 0; i < document.form.missiveType.length; i++) {
if (document.form.missiveType[i].checked) {
document.form.missiveType[i].checked = false;
}
}
}
---------------------------------------------------
第二种方法:较好
//全选、反选、取消
//全选
function selectAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (!es[i].checked) {
es[i].checked = true;
}
}
}
//反选
function selectRerverse() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
} else {
es[i].checked = true;
}
}
}
//取消
function cancelAll() {
var es=document.getElementsByName("missiveType");
for (i = 0; i < es.length; i++) {
if (es[i].checked) {
es[i].checked = false;
}
}
}
发表评论
-
js 动态创建对象、引入文件等
2017-03-22 17:49 3991、根据需要引入css文件 /** * 额外引入css ... -
js navicator对象、match方法
2017-01-16 15:01 609javascript的navigator对象 na ... -
js、jquery、zepto、angularjs 参考资料
2016-11-14 15:53 3981、$(document).ready()和window.on ... -
认识JS、javascript基础_checkbox_radio_select
2016-05-24 14:03 328引用参考: 推荐学习和使用JS的ES6版本 --JavaScr ... -
javascript除法如何取整
2013-08-16 15:55 31201javascript除法如何取整 Math.round(x) ... -
js截断字符串,超过部分用省略号补充
2013-08-13 09:30 1282<% if(值.length() > 1 ... -
js复制链接到剪贴板
2013-07-16 17:48 1623第一种方式:(不兼容chrome,ie可以) 引用:ht ... -
js中的加减乘除以及比较大小
2013-02-23 10:02 3477/** * 两数相加 * @param ... -
js倒计时10秒
2013-01-17 16:23 935<%@ page language="java ... -
js 实现在离开页面时,对未保存的信息进行提醒
2013-01-16 09:12 1200js 实现在离开页面时,对未保存的信息进行提醒 / ... -
JS判断输入中是否包含中文字符
2012-09-19 10:36 2150JS判断输入中是否包含中文字符 if (escape(str ... -
用document.form.missiveType和document.getElementsByName("missiveType")的比较
2012-07-26 14:59 1091对于div中动态获取的相同name的复选框,用document ... -
$(document).ready()与 window.onload执行时机、document.getElementsByName()的用法
2012-07-26 14:46 976--$(document).ready()与 window.o ... -
js中获取同名的元素--使用getElementsByName()函数获得数组
2012-07-24 17:41 9679在SSH框架中: --------------------- ...
相关推荐
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...
在网页开发中,表格(Table)是常用的数据...总的来说,实现HTML表格中复选框的全选与反选功能主要依赖于JavaScript和CSS(用于样式),这是一项基础但重要的交互设计。理解并掌握这个功能,有助于提升网页的用户体验。
其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品。本文档将会介绍如何使用Vue.js结合Vant-UI组件库来实现这一功能。 #### 2. Vant-UI和Vue.js简介 **Vue.js** 是一个构建用户界面的渐...
全选功能允许用户一次性选择所有列出的选项,反选则可以取消所有已选中的选项,而复选框则是用户逐项选择或取消选择的交互控件。以下将详细介绍如何使用JavaScript来实现这些功能。 1. **全选功能**: - 在HTML中...
《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...
"js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求,即通过JavaScript控制HTML中的复选框(checkboxes),实现全选、反选和取消全部选中的功能。在本文中,我们将深入探讨如何...
在JavaScript编程中,全选和反选功能是常见的交互元素,尤其在表格或者多选列表中,用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能,以提升用户体验。 首先,我们需要理解...
根据提供的描述:“多选框全选和反选,用js做的,多选框单选和反选,和使用的代码”,我们可以明确以下几点: 1. **目标**:通过JavaScript代码实现对一组复选框进行全选和全不选的操作。 2. **功能需求**: - ...
全选反选的核心思想是通过更改一个主复选框的状态(通常被称为“全选”按钮)来同步所有子复选框的状态。当“全选”按钮被选中时,所有子复选框应被选中;反之,如果“全选”按钮被取消选中,所有子复选框则应被取消...
#### 二、原生JavaScript实现复选框全选与反选 除了使用jQuery外,还可以使用原生JavaScript来实现相同的功能。 **2.1 全选功能** ```javascript // 全选 function chooseAll() { var selects = document....
反选功能与全选类似,但它的目的是取消所有已选中的复选框。以下是一个反选的JavaScript示例: ```javascript function deselectAll() { var checkboxes = document.getElementsByName('checkboxName'); for (var...
本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...
`$("input[type='checkbox']")`则选择了所有的复选框,`.not(this)`排除了主复选框本身,`.prop("checked", this.checked)`用于设置或获取属性值,如果主复选框被选中,则所有子复选框也会被选中,反之则取消选中。...
"JQ 复选框全选反选"是jQuery应用中的一个常见功能,主要用于增强用户界面的交互性。在网页中,复选框常常用于让用户多选选项,而全选和反选功能则提供了方便快捷的选择所有或取消所有选项的方式。 首先,我们需要...
此外,为了提供反选(即取消所有选中项)的功能,我们可以在点击 "全选" 复选框时,检查它当前是否已被选中。如果已经被选中,那么反选所有的子复选框: ```javascript $(document).ready(function() { $("#select...
JS实现复选框全选反选
总之,这个"基于jQuery的三个JS复选框全选反选例子"旨在帮助开发者理解和实现复选框全选反选的前端功能,这在网页表单、用户设置等场景中十分实用。通过学习和实践这些示例,开发者可以提升自己的jQuery技能,更好地...
在网页开发中,JavaScript(简称JS...总之,通过JavaScript,我们可以轻松地实现HTML表单中复选框的全选、反选和取消全部勾选功能,从而提高用户界面的互动性和实用性。了解并掌握这些基本技巧是前端开发中的重要一环。
在这个项目中,我们关注的是使用jQuery来实现一些特定的功能,这些功能包括复选框的操作(全选、反选、取消选择)以及购物车中的商品价格统计。 首先,让我们深入了解一下复选框的操作。在HTML中,复选框是通过`...