CSS图片跟留言如何写成可以选中的样式

Question

图片跟留言如何能写成可选中的样式例如 我们手机相册里面 要删除图片时候 前面有的一个可选的按钮 点击选中 再点击取消选中的样式

Answer 1

这个单纯用css是没法实现的，如果没有服务端的情况下，可以图片存到一个数组当中，然后选中的时候获取到所选中的图片的下标（如果只有名字也可以），然后执行数组的splice()操作，把你要删除的图片从数组中拿出来。当然如果要操作删除多个图片会更麻烦，这就体现了mvvm框架的好处了。

先添加一个：

Array.prototype.indexOf = function(val) {

for (var i = 0; i < this.length; i++) {

if (this[i] == val) return i;

}

return -1;

};

再添加一个

Array.prototype.remove = function(val) {

var index = this.indexOf(val);

if (index > -1) {

this.splice(index, 1);

}

};

var emp = ['照片地址1','照片地址2','照片地址3','照片地址4']

emp.remove('照片地址3');

原生的话这样就可以了，不过如果要一次性选择多张删除，就要用到循环了。

小弟才疏学浅，如有不对的或者更好的方法，希望可以给小弟指正，谢谢。