禁止取消checkbox选中

2023-10-27

问题描述:

checkbox复选框,只能选中而不能取消选中


因为checkbox是HTML中的元素,可能不能让它不选中自己,所以我的方法是,不直接对checkbox处理,在它上面再加一层div,每次点击checkbox时,其实是点击div,(checkbox点击不到),然后对checkbox进行处理

<html >
<head>
    <title></title>
    <script type="text/javascript" src="JS/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".div").click(function () {
                var obj = $(this).parent().find(":checkbox");
                if ($(obj).is(":checked")) {
                    alert("suspend");
                }
                else {
                    $(obj).attr("checked", "checked");
                }
            })
        })
    </script>
</head>
<body>
    <div class="div" style="position:relative;">
        <span style="position:absolute; width:20px;height:20px;z-index:999;"></span>
        <div style="position:absolute;z-index:998;"><input type="checkbox" /></div>
    </div>
</body>
</html>


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

禁止取消checkbox选中 的相关文章

  • 如何用ChatGPT使开发效率提高50%以上?

    简介 ChatGPT是一个大型语言模型 由OpenAI开发 它被训练用于进行对话式交互 能够理解和生成自然语言文本 ChatGPT可以用于多种任务和场景 包括但不限于 智能助手 创意生成 语言学习 编程辅助等 ChatGPT的优势在于它的广
  • Eclipse汉化教程

    在看了很多博主的安装教程后 我不是很懂为什么要查找版本号 此处提供另一种方法 1 查看eclipse安装时间 若刚安装的 请直接看第二条 打开eclipse 在help里找到about 具体请看下图的图标和位置 打开后 找到buildid
  • Java多线程基础之创建和运行

    前言 在现代软件开发中 多线程编程已经成为一项重要的技能 通过合理地利用多线程 我们可以实现并发处理 提高程序性能和改善用户体验 本文将介绍Java中多线程编程的基础知识 包括多线程的概念 线程的创建和运行 以及线程的生命周期和状态转换 一
  • Linux(ubuntu)上安装vmware workstation虚拟机

    Linux ubuntu 上安装vmware workstation虚拟机 首先下载vmware workstation 官网下载地址 https www vmware com products workstation pro workst
  • Qt中的HTTP

    Qt中的HTTP HTTP概述 两种架构 基于请求响应的模式 无状态 请求报文 响应报文 请求方式 Qt实现HTTP请求 HTTP概述 HTTP是一种超文本传输协议 是一种用于分布式 协作式和超媒体信息系统的应用层协议 是浏览器端Web通信
  • GDB常用指令

    摘抄整合 勿喷 GDB r run 执行程序 n next 下一步 不进入函数 s step 下一步 会进入函数 b breakponit 设置断点 l list 查看源码 c continue 继续执行到下一断点 bt backtrace
  • Android AIDL使用详解

    1 什么是aidl aidl是 Android Interface definition language的缩写 一看就明白 它是一种android内部进程通信接口的描述语言 通过它我们可以定义进程间的通信接口 icp interproce
  • C++ Primer 第Ⅱ部分笔记

    1 向算法传递函数 1 1向排序算法传递二元谓词 定义isSHorter方法 bool isShorter const int i const int j return i
  • C++中deque的用法(超详细,入门必看)

    博主简介 Hello大家好呀 我是陈童学 一个与你一样正在慢慢前行的人 博主主页 陈童学哦 所属专栏 C STL 如果本文对你有所帮助的话 希望可以点赞 收藏 支持一下哦 期待你的关注 一起成长哟 前言 Hello各位小伙伴们好 欢迎来到本
  • Spring事务源码详解-spring原码(二)

    上篇文章介绍了事务开启 前面介绍了解析adviors spring事务源码详解 spring原码 一 https blog csdn net ke1ying article details 131360060 事务源码 先从缓存里获取 主要
  • django view.py error 'function' object has no attribute 'objects' 解决办法

    view py中函数和app的名字重复了 请def一个和app名字不一样的函数名 问题就解决了 参考 http stackoverflow com questions 28471404 attributeerror function obj
  • Qt 编译一直死循环问题

    Qt 编译一直死循环问题 有时候Qt编译项目时 一直编不过 查看一下编译窗口 发现一直在循环 输出如下 C soft Qt5 11 5 11 1 mingw53 32 bin qmake exe o Makefile PalmQtLib P
  • 数据分析利器Python——爬虫(含爬取过程、Scrapy框架介绍)

    文章目录 一 基础知识 1 定义 2 基本架构 二 URL管理模块 三 网页下载模块 Python中的requests模块 四 网页解析模块 1 结构化网页解析 2 BeautifulSoup使用步骤 2 1 创建BeautifulSoup
  • Kubernetes服务访问-Nodeport、Loadbalancer和Ingress

    2019独角兽企业重金招聘Python工程师标准 gt gt gt 本文翻译自 https medium com google cloud kubernetes nodeport vs loadbalancer vs ingress whe

随机推荐

  • stm32低功耗休眠模式下使用看门狗wdt

    最近一个项目在用stm32f103 发现stm32一旦开启看门狗 就关不了 进入低功耗模式后 看门狗也重启 不使用看门狗非常危险 网上看了好多资料也查不到解决方案 后来自己想到一个可以进入低功耗又可以使用看门狗的方案 在这里给大家分享 我自
  • android之媒体硬解OMX的实现

    转自 http blog csdn net vincent blog article details 7578112 android的多媒体部分采用的编解码标准是OMX 当然这个标准是用于硬件编解码的 软件编解码在这里我就不说了 直接从st
  • layui调用php接口,layui三级联动【PHP版】

    前言 今天在写城市三级联动的时候发现 当选择某个选项为空的时候 无法清空选项信息 所以特此做个记录 也好给需要这个功能的小伙伴一些启示和参考 重点描述前端如何操作 JS请求可写公共方法调用 第一准备工作 准备城市信息SQL 第二前端页面 L
  • ipmitool工具安装教程

    1 下载ipmitool 1 8 18 tar gz或ipmitool 1 8 18 tar bz2的安装包至本地 2 解压安装包 tar jxvf ipmitool 1 8 18 tar bz2 或 tar zxvf ipmitool 1
  • 《2020年AI新基建发展白皮书》重磅发布,展示百度智能云多个落地案例

    随着实体经济尤其是传统行业智能化转型升级需求的扩大 AI 在生产生活各领域的规模化部署与渗透正在加速 AI 新基建 带来的时代机遇受到广泛关注 1月20日 国家工业信息安全发展研究中心发布了 2020年 AI 新基建发展白皮书 这是国内首个
  • html mailto 乱码,终极解决sendmail & mutt 邮件乱码问题[sh]

    时间 2018 11 25 阅读 3 230 次 标签 分享 配置 问题 自从上次把所有站点https后 一直没怎么看服务器 这两天突然发现所有从服务器自动发出来的邮件全部乱码 实在让我强迫症发作 今天终于得空赶紧研究一翻 系统 Cento
  • PHY- PHY芯片概述

    1 PHY概述 关于Internet Protocal的分层模型可以参考文章 Internet Protocal OSI模型中的网络分层模型 下面我们讲讲底层以太网控制器和收发器的知识 其主要是处理OSI模型中的物理层和链路层的事情 在CA
  • 学习要按部就班进行,不功利,当做乐趣进行就行了。

    这段时间 回老家工作了 有点浮躁 急于求成了 也有点摆烂了 不过在老家就业 也不代表将来不失业 也不是自己家开的公司 哈哈 所以 还是要按部就班进行 不功利 最优化进行就行了 学习时长能完成就是成功 当做乐趣就可以了
  • 字符串01--替换空格

    字符串01 替换空格 jz02 题目概述 解析 参考答案 注意事项 说明 题目概述 算法说明 请实现一个函数 将一个字符串中的每个空格替换成 20 例如 当字符串为We Are Happy 则经过替换之后的字符串为We 20Are 20Ha
  • makefile的一些技巧总结

    1 运行目录存在相同名称文件或文件目录 比如log 则make log报错 在makefile开头加入 PHONY log 2 默认命令 需要遵循Makefile语法 bin sh语法 2 1 bin sh语法 需要反斜杠 保证一行执行完成
  • 【es数据库】python 使用Elasticsearch数据库

    es 数据库 Elasticsearch是一个开源的高扩展性搜索引擎 它可以快速地存储 搜索和分析大量的数据 使用Python语言和Elasticsearch 可以轻松地创建和操作 数据库 和 数据库表 而且具备分布式和高扩展性的特点 适用
  • 磁珠反谐振案例

    转载文章 原作者 一博科技 高速先生 PCB设计会存在各种大大小小的误区 有的误区很容易用简单的理论进行解释 有的却显得神秘而难懂 高速先生最近和粉丝们的互动中惊讶的发现 磁珠对电源纹波可能会存在反面影响这个误区原来一直都是谜一样的存在 高
  • EasyX基本概念

    一 EasyX颜色的表示方法 1 使用预定义常量和16进制表示颜色 比如setlinecolor oxffoooo setlinecolor BLUE 使用教程里有常见颜色的预定义常量值 2 用RGB宏合成颜色 比如setlinecolor
  • FasterRCNN(一)网络部分代码分析

    一 定义一个RCNN的类作为基础 1 self build network self sess is training True 函数 构建网络框架 with tf variable scope RCNN initializer tf tr
  • 浅谈人群行为分析算法

    概述 人群行为分析算法分为四个主要方向 1 行人检测 Pedestrian Detection 2 人群计数 Crowd Counting 3 人群密度分析 Crowd Density Estimation 4 人群状态分析 Crowd B
  • session.getServletContext

    request getSession getServletContext 获取的是page的上下文 request getSession getServletContext getRealPath 是获取的的tamcat的路径 部署项目后相
  • Spring配置文件对于占位符 ${} 的解析源码分析

    1 前言 由于公司新项目的搭建 而且选择了 spring boot 对于 spring boot 其中的好处就是我们无需在为其配置大量的 XML 完全可以基于注解的方式来进行配置 但也没有完全采用 java config 配置 至少在我们项
  • request.getParameter() 和request.getAttribute() 区别

    getParameter 是用来接受用post个get方法传递过来的参数的 getAttribute 必须先setAttribute 1 request getParameter 取得是通过容器的实现来取得通过类似post get等方式传入
  • 【异周话题 第 16 期】2018年,你最期待的前端开发技术有哪些?

    异周话题 第 16 期 2018年 你最期待的前端开发技术有哪些 话题背景 2017年已经过去 2018年如约而至 2017年在前端领域里 react已经逐渐占据主流 Angular 发布了 v4 以及 v5 Vue js 继续流行 谷歌也
  • 禁止取消checkbox选中

    问题描述 checkbox复选框 只能选中而不能取消选中 因为checkbox是HTML中的元素 可能不能让它不选中自己 所以我的方法是 不直接对checkbox处理 在它上面再加一层div 每次点击checkbox时 其实是点击div c