插件描述：一个简单还算实用的图片选择插件，可随意限制选择图片的数量
更新时间：2017/5/21 下午10:08:31
更新说明：添加了一个取消选择的调用函数
selectImgTake.cancelInit(divId);
使用方法
做了一个简单的图片选择插件，挺简单，没测试过兼容，应该还算好
第一步：关联样式和脚本
<link rel="stylesheet" type="text/css" href="css/selectImg.css"/> <link rel="stylesheet" type="text/css" href="css/iconfont.css"/> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/selectImg.js"></script>
第二步：形成图片列表，格式如下
<div class="selectImgDiv" id="selectItemDiv"> <div class="item"> <div class="img_show"> <img src="images/1.jpg"/> </div> <div class="img_title"> 1.jpg </div> <div class="img_isCheck"> <i class="iconfont icon-xuanzhong"></i> </div> </div> </div>
第三步：初始化点击事件和允许最大选择数量
selectImgTake.init("selectItemDiv",4);至于获取选择的图片列表，可以通过下面的代码获取：
var selectImgDivs = selectImgTake.getSelectImgs(divId);
PREVIOUS:
NEXT:
相关插件-杂项,选择框
讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
蒺描淡?、以後的以後 0
2017/6/12 15:20:04
表示好 low 这样也能发出来啊
葬梦1
2017/6/30 10:56:56
不求有多好看，我自己要用到，实用，就好，给出的按钮什么的虽然丑了一点，但是有点基础的，看到也就知道怎么用了，至于界面的美丑，萝卜青菜各有所爱。我能提供的是在我能力内，以简单的代码，实现还算过得去的效果就好，至于怎么更改，添加多少的代码，那是别人的事情
web unbroken 0
2017/5/29 21:41:24
当超过4张的时候再点击其余未勾选的图片有个bug，alert弹出框不停的弹出。我用的360浏览器8.1的极速模式浏览的
葬梦0
2017/5/30 9:28:07
8.1.1.404，我测试了一下，好像没什么问题啊，没选一个跳出来是因为我限制了选择的数量，为4个
selectImgTake.init("selectItemDiv",4);
葬梦0
2017/5/30 9:28:38
也就是超过四个，多了不给选
web unbroken0
2017/5/30 10:01:48
-
嗯，我的意思是点击超过4张后，点第5张出现的alert不止一个，我关闭alert后在还没第6次点击的时候，alert会再次出现，大概4~5次左右，刚刚看了一下这个问题没有了
web unbroken 0
2017/5/29 21:37:35
可以使用toggle()方法，这样可以把两个按钮省去，提高用户体验和美观度
葬梦0
2017/5/30 9:25:05
是啊，我自己也是用toggle的，可是，还是要给出取消的事件，每个人需求不一样，我也想着经可能的给出详细的，改起来就容易了
web unbroken0
2017/5/30 9:49:22
-
也是，每个人需求不一样。我的意思是给toggle加一个判断状态，这样也挺好
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
