彼岸~流觞 2018-10-06 07:58 采纳率: 100%
浏览 1652
已采纳

js/jq判断列表中的CheckBox是否选中

js/jq判断列表中的CheckBox是否选中,并把checked==true的CheckBox替换成开启的图片,checked==false的CheckBox替换成关闭的图,帮帮忙各位

  • 写回答

3条回答 默认 最新

  • 天际的海浪 2018-10-06 08:47
    关注

    判断CheckBox是否选中可以用
    jquery:
    if (jqobj.prop("checked")) {}
    原生js:
    if (obj.checked) {}

    如果你只是要把CheckBox替换成图片只用css就可以

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title> 页面名称 </title>
    <style type="text/css">
    input[type="checkbox"] {
        display: none;
    }
    input[type="checkbox"]+span {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background: url("关闭的图片.png") no-repeat;
    }
    input[type="checkbox"]:checked+span {
        background: url("开启的图片.png") no-repeat;
    }
    </style>
    </head>
    <body>
        <label><input type="checkbox" /><span></span>文字</label>
        <label><input type="checkbox" /><span></span>文字</label>
        <label><input type="checkbox" /><span></span>文字</label>
    </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 利用Java语言结合数据库实现-个信息管理系统(如学生管理系统、图书管理系统(可以加上借书还书等功能等)或者小游戏
  • ¥15 会会信号与系统和python的来
  • ¥15 关于#python#的问题
  • ¥20 oracle RAC 怎么配置啊,配置
  • ¥15 excel 日常使用中出现问题
  • ¥20 pdusession建立失败
  • ¥15 为什么mqtt接收不到数据?
  • ¥15 思科校园网的组建,sos!
  • ¥15 主要进行描述非满管状态下,管路的摩阻系数是怎么变化的,在管路长度方向上是怎么分布的(标签-matlab)
  • ¥15 multisim设计求解如图