andy_13
2017-12-02 09:31
采纳率: 85.7%
浏览 1.6k
已采纳

新人求解!!!!!!

是这样,有两张小图片,一张表示选中,一张表示不选中,有什么办法可以实现点击选中,再点击不选中,可以选中多张,可能比较初级,望解答。。。

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

23条回答 默认 最新

  • threenewbee 2017-12-02 09:37
    已采纳

    最简单的,定义css类,叫selected,background设置不同的图片
    然后用toggleClass()
    http://www.w3school.com.cn/jquery/attributes_toggleclass.asp

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 东风吹雪不留痕 2017-12-02 09:34

    当选中图片时(click事件),改变其css,再点击把其css改回原来的值;
    以此来进行多张图片的选中,最后处理时,根据图片的css进行判断哪些时选中。

    评论
    解决 无用
    打赏 举报
  • 前端-珊珊 2017-12-02 10:07

    不知道你是不是用jquery的,也不知道你是不是ajax请求回来的数据。
    我先说一下用jquery处理的办法吧
    如果是的话你可以给img标签里加一个属性,比如status(0代表没有选中,1代表选中),一开始默认都是0(当然图片路径也为默认不选中),点击的时候,用jquery的$(this).attr("status")读出这个属性的值。如果是0的话让status变为1(用attr赋值回去),然后图片的src变为选中的,如果是1的话让status变为0(用attr赋值回去),然后图片的src变为未选中的。传值给后台的时候status=1的数据传给后台即可

    如果你只是用传统的js的话
    你可以把ajax回来的每一条数据加一个status字段,而且默认都是0,然后点击的时候取到当前点击的index,根据index得到数组里面这个值,如果是0的话将值改为1,找到点击的img的index,然后将选中的src赋值到img的src中,再点击的时候将status改为0,然后再修改img的src

    评论
    解决 无用
    打赏 举报
  • 醉些好 2017-12-02 10:39

    点击事件设置css样式

    评论
    解决 无用
    打赏 举报
  • weixin_41251529 2017-12-02 11:19

    css样式,看下教程,相信你可以的

    评论
    解决 无用
    打赏 举报
  • zhangyanan76 2017-12-02 14:26

    定义css类,叫selected,background设置不同的图片
    然后用toggleClass()

    评论
    解决 无用
    打赏 举报
  • 简单命运 2017-12-02 15:50

    css样式,可以多看看教程 很简单的

    评论
    解决 无用
    打赏 举报
  • qq_41255691 2017-12-03 02:33

    1. * 多看看关于CSS的书本或许有什么帮助

    评论
    解决 无用
    打赏 举报
  • qq_41256168 2017-12-03 03:23

    选中图片后在事件那里选择css样式,在里面进行设置。

    评论
    解决 无用
    打赏 举报
  • qq_24216697 2017-12-03 04:12

    绑定鼠标的点击事件 双击和单击显示不同效果就可以了

    评论
    解决 无用
    打赏 举报
  • qq_41258516 2017-12-03 07:38

    你按Ctrl键+鼠标左键点击选中!再点击就是取消!一次性溃疡选取多张图片也可以选取一张图片!希望我的回答可以帮助你

    评论
    解决 无用
    打赏 举报
  • 名字TTM难起 2017-12-03 13:32

    可以用许多软件来实现,看你会哪种。

    评论
    解决 无用
    打赏 举报
  • Hello_world丶Archer 2017-12-03 13:55

    设置onclick点击事件,点击触发选中,if判断点击时选中,再点击取消点击事件

    评论
    解决 无用
    打赏 举报
  • weixin_40658091 2017-12-04 02:57



    .select{ border:1px solid red; }






    $(".img").toogleClass("select")


    要引入jquery

    评论
    解决 无用
    打赏 举报
  • weixin_40568405 2017-12-04 02:58

    js 中有一个点击事件,
    <br> var a = document.getElementsByTagName(&quot;你的标签&quot;)[];<br> a.onclick = function(){<br> 你想干的事<br><br> }</p>

    评论
    解决 无用
    打赏 举报
  • qq_22645017 2017-12-04 09:15

    js 根据id得到该组件,初始化组件的属性,然后绑定onClick事件,得到属性值,做相应的改变

    评论
    解决 无用
    打赏 举报
  • Exactlys 2017-12-04 11:35

    有很多方式吧
    使用jquery中的事件可以 你去http://www.css88.com/jqapi-1.9/ 这里查看里面的方法

    也可以用css啊

    评论
    解决 无用
    打赏 举报
  • qq_20066089 2017-12-05 01:29

    您好,您说的效果应该是复选框的效果吧,实现这个效果可以这样,假定选中效果的class为selected,不选中效果为un-selected,点击的时候判断一下class,如果为selected,就移除selected样式,加上un-selected样式;如果为un-selected样式则相反

    评论
    解决 无用
    打赏 举报
  • tahuncmc 2017-12-05 02:17

    主要就是定义css类的问题,多看看这方面的就好了,希望能帮到你

    评论
    解决 无用
    打赏 举报
  • qq_41283622 2017-12-05 09:27

    点击事件设置css样式 绑定鼠标的点击事件

    评论
    解决 无用
    打赏 举报
  • buzzgoing 2017-12-07 09:05

    css样式,好好上百度查一查,很容易学会的,都是一些小知识

    评论
    解决 无用
    打赏 举报
  • 仰望星空下的自己 2017-12-07 12:31

    判断图片是否被选中,如果被选中为true 没有选中为false

    评论
    解决 无用
    打赏 举报
  • weixin_41305926 2017-12-09 03:45

    toggleClass()就可以了。
    可以去看看css/script的教程,很不错

    评论
    解决 无用
    打赏 举报