- 浏览: 800206 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (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)
最新评论
引用参考:
推荐学习和使用JS的ES6版本
--JavaScript、ES5和ES6的介绍和区别
https://www.cnblogs.com/fuheng01/articles/JS.html
--ES5与ES6的对比
https://www.jianshu.com/p/1aad53b349e0
--JavaScript,ES5和ES6的区别
https://www.cnblogs.com/asand/p/7122143.html
--ES5与ES6的对比不同点
http://blog.csdn.net/changsimeng/article/details/62883952
https://www.cnblogs.com/tugenhua0707/p/6750498.html
1、js array 清空数组的3种方式
2、checkbox
推荐学习和使用JS的ES6版本
--JavaScript、ES5和ES6的介绍和区别
https://www.cnblogs.com/fuheng01/articles/JS.html
--ES5与ES6的对比
https://www.jianshu.com/p/1aad53b349e0
--JavaScript,ES5和ES6的区别
https://www.cnblogs.com/asand/p/7122143.html
--ES5与ES6的对比不同点
http://blog.csdn.net/changsimeng/article/details/62883952
https://www.cnblogs.com/tugenhua0707/p/6750498.html
1、js array 清空数组的3种方式
引用
http://www.cnblogs.com/snandy/archive/2011/04/04/2005156.html
2、checkbox
//校验账单选择 var isBillChoose=false; $("input[name='billName']:checked").each(function(){ if (true == $(this).attr("checked")) { isBillChoose=true; return false;//跳出整个循环 //return true;//跳出当前循环 } }); function getPayRadioChecked(){ var platForm=$("input[name='pay']:checked").val(); return platForm; }
//还款方式区域点击事件响应 /* $("input[name='pay']").on('click',function(){ alert('radio='+$(this).val()); if ($(this).val()==3){ $('.checkList').addClass('checkedit').find('input').prop('readonly',false).css('opacity',0.5); }else{ $('.checkList').removeClass('checkedit').find('input').prop('readonly',true).css('opacity',1); } }); //总金额点击事件响应 $(document).on("click",".checkedit input",function(){ alert("ok"); $(this).val('').css('opacity',1); });*/
/** * 默认选中“微信支付”radio--2笔已出3种还款方式都支持 * radio:'1'--银联在线支付; '2'--银行代扣; '3'--微信支付; */ function setRepaymentTypeChoose(typeValue){ if ('1'==typeValue) { $("input[type='radio'][name='pay'][value='1']").attr("checked",true); showUnionPayEffect(); }else if ('2'==typeValue) { $("input[type='radio'][name='pay'][value='2']").attr("checked",true); showBankPayEffect(); }else if ('3'==typeValue) { $("input[type='radio'][name='pay'][value='3']").attr("checked",true); showWXPayEffect(); } }
发表评论
-
js 动态创建对象、引入文件等
2017-03-22 17:49 4001、根据需要引入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 ... -
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 1201js 实现在离开页面时,对未保存的信息进行提醒 / ... -
JS判断输入中是否包含中文字符
2012-09-19 10:36 2151JS判断输入中是否包含中文字符 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框架中: --------------------- ... -
js--复选框--全选、反选、取消
2012-07-24 15:04 763------------------------------ ...
相关推荐
这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...
在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...
在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
总的来说,`radio`、`checkbox` 和 `select` 是网页表单设计的基础,它们在数据收集和用户交互中扮演着重要角色。理解和熟练运用这些元素是成为一名合格的前端开发者所必需的技能。通过深入学习和实践,开发者可以...
在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...
`<input>`元素可配置各种类型,如文本输入(`type="text"`)、密码输入(`type="password"`)、复选框(`type="checkbox"`)和单选按钮(`type="radio"`)等。 5. HTML5新特性:HTML5引入了许多新的元素和API,如`...
本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...
本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`<select>`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...
Koo.js是一个专门针对这一需求设计的JavaScript插件,它提供了标签式的表单验证功能,并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...
"selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...
在JavaScript中,`checkbox`和`radio`是两种常见的表单元素,用于用户输入选择数据。它们在网页交互中扮演着重要角色。本篇将详细探讨这两种元素的使用方法、特性以及如何通过JavaScript进行操作。 一、Checkbox...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
以及用于文本输入的`<form>`、文本框`<input type="text">`、密码框`<input type="password">`、单选按钮`<input type="radio">`、多选按钮`<input type="checkbox">`、文件域`<input type="file">`、隐藏域`...
- **控制radio、checkbox、select的选中状态**:通过`.attr("checked", true)`或`.attr("selected", true)`设置选中状态。 - **获取和设置文本框或文本区域的值**:`$("#txt").val();`和`$("#txt").val('新值');` - ...
在众多表单元素中,select(下拉框)、checkbox(复选框)以及radio(单选按钮)是最常用的元素之一。jQuery作为一个功能强大的JavaScript库,其对这些表单元素的操作进行了极大的简化,提高了开发效率和用户体验。...
对于表单元素,比如单选框(Radio)和复选框(CheckBox),可以通过属性选择器进行精确选择。 #### 3. 获取Radio的Value值 在表单中,单选框通常具有相同的名称,但不同的值。要获取被选中的单选框的值,可以使用...
在JavaScript和jQuery中,操作HTML页面上的元素是常见的任务,特别是对于交互性较强的表单元素,如`select`(下拉列表框)、`dropdownlist`(通常指下拉列表框)、`checkbox`(复选框)。本文将详细介绍如何使用JS和...