清除多选框的已选中状态的解决办法

内容摘要

这篇文章主要为大家详细介绍了清除多选框的已选中状态的简单示例，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。工作中碰到一个变态的

文章正文

这篇文章主要为大家详细介绍了清除多选框的已选中状态的简单示例，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。工作中碰到一个变态的性能问题。CMS中有个页面，上面有个多选框，其中有14000个选项。页面中提供给用户一个按钮，点击这个按钮时要清除已选中状态。原有的代码是这样的：


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;就要用户等很长时间。其实有一种更快捷的方式去做这件事情。代码如下：


function re() {
    var select = document.form1.totopicid;
    select.selectedIndex = 0;
    select.options[0].selected = false;
}

这样不仅代码量小，而且性能也能得到很大提升。

注：关于清除多选框的已选中状态的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 JQuery 浅析serialize()、serializeArray()、param()用法示例下一篇 JavaScript 复选框被选中个数大于某值Callback组件功能实例

作者：喵哥笔记

学的不仅是技术，更是梦想！