- 浏览: 2271035 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项
页面代码
jQuery中它提供了一个方法实现
但是这个方法有局限性,它只是选取二个下标之间的元素
只有手动写了
js原生实现
说明以下来自于:jQuery权威指南代码:针对单个复选框的判断
jQuery方式
DOM方式
页面代码
<input type="checkbox" name="love" value="0"/>电影 <input type="checkbox" name="love" value="1"/>图书 <input type="checkbox" name="love" value="2" checked/>学习 <input type="checkbox" name="love" value="3"/>编程 <input type="button" id="get4" value="设置多选框的值" /><br>
jQuery中它提供了一个方法实现
$(":checkbox[name=love]").slice(1,2).attr("checked",true);
但是这个方法有局限性,它只是选取二个下标之间的元素
只有手动写了
var v = prompt('欢迎你,请输入值',''); var lv = v.split(','); var size = lv.length; $(':checkbox[name=love]').each(function() { this.checked = false; /* for(var i=0;i<size;i++){ if(this.value == lv[i]){ this.checked = true; } }*/ if(v.indexOf(this.value) != -1){ this.checked = true; } });
js原生实现
//js原生实现 //判断是以逗号相连 var lv = v.split(','); var size = lv.length; var loves = document.getElementsByName("love"); var leng = loves.length; for(var i=0;i<leng;i++){ //将原来设置清空 loves[i].checked = false; if(size > 0){ for(var j=0;j<size;j++){ if(loves[i].value == lv[j]){ loves[i].checked = true; break; } } }else{ if(loves[i].value == v){ loves[i].checked = true; } } }
说明以下来自于:jQuery权威指南代码:针对单个复选框的判断
<input type="checkbox" id="cr"/>
jQuery方式
var $cr = $("#cr"); //jQuery对象 $cr.click(function(){ if($cr.is(":checked")){ //jQuery方式判断 alert("感谢你的支持!你可以继续操作!"); } })
DOM方式
var $cr = $("#cr"); //jQuery对象 var cr = $cr.get(0); //DOM对象,获取 $cr[0] $cr.click(function(){ if(cr.checked){ //DOM方式判断 alert("感谢你的支持!你可以继续操作!"); } })
发表评论
-
java json-lib & jQuery & jsonp
2016-06-30 11:31 771参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 748一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23509jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1562转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4939参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
jQuery之Ztree
2011-10-19 17:14 17538参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2253参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5656参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7703参考资料 1 jQuery ajax - load() 方法 ... -
My97DatePicker常用练习
2011-09-15 17:03 5082参考官网资料:http://www.m ... -
jQuery之ID选择器
2011-08-23 15:25 9852参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2556参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1579jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2297话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3769实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2739页面代码如下: <table style=&quo ... -
jQuery之radio(单选)
2011-08-18 15:41 2424页面代码如下: <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 5982参考资料 1 jquery中,html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之jqzoom(图片放大镜插件)
2011-08-18 11:07 19692参考资料 1 基于jQuery开发的图片放大镜插件 - 淘宝网 ...
相关推荐
jquery点击checkbox复选框仿招聘人才网弹出工作地点 jquery点击checkbox复选框仿招聘人才网弹出工作地点 jquery点击checkbox复选框仿招聘人才网弹出工作地点
jQuery树形复选框插件,jQuery树形复选框插件,jQuery树形复选框插件,jQuery树形复选框插件
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
Prototype与jQuery美化Checkbox复选框实例.zip
基于jQuery的CheckBox复选框代码,效果很酷哦
一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
对于jQuery自定义复选框checkbox和单选框Radiobox,我们已经有介绍过不少了,比如9款迷人样式的CSS3自定义Checkbox复选框和HTML5/CSS3开关按钮 立体3D按钮。今天要介绍的是一款基于jQuery的美化版复选框,它的特点是...
jQuery弹出框checkbox复选框多选代码,jQuery弹出框checkbox复选框多选代码
一款好看的jQuery自定义美化复选框checkbox样式代码,可以定义复选框的颜色和形状,让复选框风格不再像默认样式那样单调。
jQuery如何判断checkbox(复选框)是否被选中
jQuery基于layui插件制作checkbox复选框选中代码,权限范围多选、单选、全选代码;checkbox父级子级结构,父级选中,子级全选,子级没有选中父级取消选中效果。
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
主要介绍了js与jQuery实现checkbox复选框全选/全不选的方法,结合实例较为详细的分析了JavaScript与jQuery针对checkbox复选框全选与反选的操作技巧,需要的朋友可以参考下
这是一款使用js和css3制作的超酷checkbox复选框美化插件。该checkbox复选框美化插件没有使用图片,纯CSS制作,它可以通过拖动来进行复选框的多选,非常方便,美化效果也是一流的。
jquery实现 复选框 选中和不选中 美化复选框
主要介绍了jQuery对checkbox 复选框的全选全不选反选的操作 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
绚丽的复选框 jquery-checkbox 具体参见http://blog.csdn.net/evangel_z/article/details/8259200
highchecktree是一款使用指定源数据生成带复选框的树形结构的jQuery插件。该树形结构插件对于在大数据的处理上性能十分出色。它使用懒加载的形式来提供性能,子节点会在点击时才去加载数据。
1号店Checkbox复选框美化是一款基于jQuery实现的仿1号店的Checkbox复选框美化特效。