作家
登录

兼容ie和firefox版本的js反选 全选 多选框

作者: 来源:www.28hudong.com 2013-03-30 03:15:31 阅读 我要评论

朋友们说不兼容。昨天晚上回去调试了一个兼容版本: 复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <script language="javascript"> function selectIt(action){ var testform=document.getElementById("bdkey"); for(var i=0 ;i<testform.elements.length;i++){ if(testform.elements[i].type=="checkbox"){ e=testform.elements[i]; e.checked=(action=="selectAll")?1:(!e.checked); } } } </script> </head> <body> <form name="bdkey" id="bdkey"> <p class="STYLE1"> 全 选 <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt('selectAll')"><br> 反 选 <input type="checkbox" name="invest" value="checkbox" onClick="selectIt()"><br> Item1 <input type="checkbox" name="checkbox" value="checkbox"> <br> Item2 <input type="checkbox" name="checkbox" value="checkbox"><br> Item3 <input type="checkbox" name="checkbox" value="checkbox"><br> Item4 <input type="checkbox" name="checkbox" value="checkbox"><br> Item5 <input type="checkbox" name="checkbox" value="checkbox"> </p> </form> </body> 全 选 反 选 Item1 Item2 Item3 Item4 Item5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这次兼容测试我刚开始是采用一个经典的js多选框 全选 反选 实现及分析 的实现方式,也就是通过ev.srcElement 但是没调试成功。于是有了现在的方法。兼容性的调试有一部分是依赖于你的实现的方式的,像我这种方式很傻瓜 哈哈但是最简单往往是最有效的。当然,作为技术的追求这来说,我们大家都喜欢用很多高深的方法。这里我是不会

  推荐阅读

  用javascript实现div可编辑的常见方法

功能:实现网页内容的即时编辑,增加页面的可用性、交互性。 方法1:直接通过textarea标签实现,请运行下边代码: New Document #info { font-size: 12px; >>>详细阅读


本文标题:兼容ie和firefox版本的js反选 全选 多选框

地址:http://www.17bianji.com/kaifa2/JS/30024.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)