彼岸~流觞 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 给我一个openharmony跑通webrtc实现视频会议的简单demo项目，sdk为12
  • ¥15 vb6.0使用jmail接收smtp邮件并另存附件到D盘
  • ¥30 vb net 使用 sendMessage 如何输入鼠标坐标
  • ¥15 关于freesurfer使用freeview可视化的问题
  • ¥100 谁能在荣耀自带系统MagicOS版本下，隐藏手机桌面图标？
  • ¥15 求SC-LIWC词典！
  • ¥20 有关esp8266连接阿里云
  • ¥15 C# 调用Bartender打印机打印
  • ¥15 我这个代码哪里有问题 acm 平台上显示错误 90%，我自己运行好像没什么问题
  • ¥50 C#编程中使用printDocument类实现文字排版打印问题