您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery插件 > 正文

jQuery实现多个产品可关闭对比插件

2014-06-28 10:06:17 作者:天外飞仙 人气:859 Views

jQuery实现多个产品可关闭对比插件
jQuery实现多个产品可关闭对比插件
js部分实现代码

<script type="text/javascript"> var isopen = false; //关闭div层 function hidediv() { $('div.floatdiv:visible').hide(); isopen = false; } //显示div层 function showdiv() { $('div.floatdiv:hidden').show(); isopen = true; } //点击图标删除此行 function delplan(obj) { var parent = obj.parentNode; var id = parent.id; parent.parentNode.removeChild(parent); //去除选中的 var checkid = "planid" + id.substr(2, id.length); document.getElementById(checkid).checked = false; } //checkbox的点击 function actionplan(obj) { var planid = obj.parentNode.parentNode.getAttribute("planid"); var planname = obj.parentNode.parentNode.getAttribute("planname"); if (isopen == false) { showdiv(); } addplan(planid, planname); } //选中一个元素添加到对比 function addplan(planid, planname) { if (document.getElementById("planid" + planid).checked) { if ($("#selectedplan li").length > 3) { document.getElementById("planid" + planid).checked = false; alert("最多四个元素"); return false; } $("#selectedplan").append("<li style='cursor:pointer;' id=li" + planid + "><img src=images/icon_6.gif onclick=delplan(this) style=cursor:pointer;></img>" + planname + "</li>"); } else { var obj = document.getElementById("li" + planid); obj.parentNode.removeChild(obj); } }</script>

jQuery吧整理http://www.jqueryba.com/3926.html
下载地址
预览地址

链接:http://www.jqueryba.com/3926.html(转载时请注明本文出处及文章链接)
分类:jQuery插件

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!