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');原生的话这样就可以了，不过如果要一次性选择多张删除，就要用到循环了。小弟才疏学浅，如有不对的或者更好的方法，希望可以给小弟指正，谢谢。