weixin_41325924
2018-10-06 07:58
采纳率: 54.5%
浏览 1.6k

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>
    
    打赏 评论
  • 听楼一夜雨 2018-10-06 08:19

    循环判断

                $("input").each(function(){
                        if($(this).attr("checked")){
                                alert(1);
                        }else{
                                alert(2);
                        }
                }) 
    
    打赏 评论
  • weixin_41325924 2021-04-27 21:55

    三年过去了,发现当初问的问题怎么那么小白啊哈哈哈哈^_^

    打赏 评论

相关推荐 更多相似问题