您现在的位置:首页 --> JavaScript --> 快速清除多选框的已选中状态
快速清除多选框的已选中状态
浏览:1300次 出处信息
工作中碰到一个变态的性能问题。CMS中有个页面,上面有个多选框,其中有14000个选项。页面中提供给用户一个按钮,点击这个按钮时要清除已选中状态。原有的代码是这样的:
1
2
3
4
5 |
function re() { for ( var i = 0; i < document.form1.totopicid.options.length; i++) { document.form1.totopicid.options[i].selected = false ; } } |
先抛开循环时多次计算length的问题不谈,光是执行14000次的document.form1.totopicid.options[i].selected = false;就要用户等很长时间。其实有一种更快捷的方式去做这件事情。代码如下:
1
2
3
4
5 |
function re() { var select = document.form1.totopicid; select.selectedIndex = 0; select.options[0].selected = false ; } |
这样不仅代码量小,而且性能也能得到很大提升。
=================================================
编者注:
不晓得V 回复@IT技术博客大学习:没骗你,真的~这篇博客,1、内容没有技术含量;2、题目与代码不相符;代码内是操作下拉单选框的;但是题目写的是多选框.....当大家不懂html哦...
峰大大 回复@IT技术博客大学习: 原文说的是具有multiple属性的select,那位大概是想成了type=checkbox的input
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:正则表达式字面量在ECMAScript5中的变化
后一篇:用JavaScript判断IE版本号 >>
文章信息
- 作者:小寒 来源: 记事本
- 标签: selected 多选框 选中
- 发布时间:2011-05-17 08:51:58
近3天十大热文
- [56] IOS安全–浅谈关于IOS加固的几种方法
- [55] Oracle MTS模式下 进程地址与会话信
- [54] 图书馆的世界纪录
- [54] android 开发入门
- [52] 如何拿下简短的域名
- [51] Go Reflect 性能
- [50] 【社会化设计】自我(self)部分――欢迎区
- [47] 读书笔记-壹百度:百度十年千倍的29条法则
- [39] 程序员技术练级攻略
- [34] 视觉调整-设计师 vs. 逻辑