html 替换多选框和单选框默认的按钮

2023-11-04

                            <div class="113" >
                                <label class="checkbox-inline">
                                    <input type="radio" name="p01_1"  />1
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="radio" name="p01_1"  />2
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="radio" name="p01_1"  />3
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="radio" name="p01_1"/>4
                                </label>
                            </div>

                            <div class="114" >
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="p01_1"  />1
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="p01_1"  />2
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="p01_1"  />3
                                </label>
                                <br />
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="p01_1"/>4
                                </label>
                            </div>



    $("input[name^=" p01_1 "]").each(function() {
        $(this).css("z-index", -1); //隐藏自带的选项框
        $(this).css("opacity", 0.01);
        if ($(this).attr("checked") == "checked") {
            $(this).parent().addClass("selected");
            $(this).parent().removeClass("select");
        } else {
            $(this).parent().addClass("select");
            $(this).parent().removeClass("selected");
        }
    });


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

html 替换多选框和单选框默认的按钮 的相关文章

随机推荐

  • 【server组件】——mysql连接池的实现原理

    目录 1 池化技术 2 数据库连接池的定义 3 为什么要使用连接池 4 数据库连接池的运行机制 5 连接池与线程池的关系 6 CResultSet的设计 6 1构造函数 7 CDBConn的设计 6 1 构造函数 6 2 init 初始化连
  • 最大间隔问题

    问题描述 给定n个实数x1 x2 x3 xn 求这n个数在实轴上相邻2个数之间的最大间隔 假设对任何实数取整耗时O 1 设计解最大间隙问题的线性时间算法 算法设计 对于给定的n个实数x1 x2 x3 xn 计算它们的最大间隙 数据输入 输入
  • proc*c sqlcode=[-1405];sqlerr=[ORA-01405: fetched column value is NULL

    指示变量的值 及其代表的含义如下 0 操作成功 1 该指示变量对应的宿主变量返回了或插入 更新成了NULL值 2 从数据库存放数据到对应的宿主变量时 数据超长 并且不能推断出截断了多少字节的长度 gt 0 在FETHC或SELECT语句时
  • 5g空分复用技术_5G通信技术原理总结

    5G通信的基本流程框图 如上图 5G智能手机MIC输入的模拟信号会通过基带中的AD数模转换电路 完成采样 量化 编码 变成数字信号 具体过程如下如所示 信源编码 信源编码 上图中的编码 我们称之为信源编码 信源编码 说白了 就是把声音 画面
  • (2018-2021年)Uncertainty 相关SOTA文献笔记整理

    Uncertainty 文献笔记 ACL Word Level Uncertainty Estimation for Black Box Text Classifiers using RNNs Unsupervised Quality Es
  • Java口算练习软件(随机生成10道100以内的数学练习题)

    Java口算练习软件 使用Java编写口算练习软件 实现以下功能点 1 随机生成10道100以内的加减法练习题 2 设计GUI界面 包含 生成题目 上一题 检查答案 导出结果 导入题目 等按钮 这是一个Java程序 实现了一个口算练习软件
  • 第一章 计算机基础知识

    文章目录 第一章 计算机基础知识 1 计算机引论 1 1计算机发展的四个阶段 1 2计算机的发展现状计算机的未来 2 计算机硬件和软件基础 2 1计算机组成体系 2 2计算机硬件的组成 2 3常见的几种操作系统 3 计算机DOS命令行操作
  • Vue.config.js开发环境与生产环境配置

    Vue config js开发环境与生产环境配置 首先在项目根目录创建 env development 开发环境 env production 生产环境 VUE APP SERVICE URL VUE APP BASE API 生产环境配置
  • Java的 字节流 InputStream 类及其子类 FileInputStream 的使用

    import java io FileInputStream import java io FileNotFoundException import java io InputStream public class InputStreamT
  • 实验一 构建虚拟局域网

    实验一 构建虚拟局域网 实验目的 实验环境与设备 实验要求 过程如下 实验目的 为网络安全试验做准备 构建虚拟局域网的网络环境 利用VMware Workstation Pro 12虚拟机安装Windows 10 Windows8 实验环境
  • uni-app开发微信小程序,checkbox、radio等原生组件样式设置问题解决方案

    它们是原生的组件 修改样式只能在app vue里面修改 目前只知道这一种解决办法 如果你的UI给的图比较特殊 用css写比较困难 推荐使用图片代替 请看下面示例 正确设置 在App vue文件里设置 test vue文件 这里假设你使用ch
  • 【SQL】记住,永远不要在MySQL中使用“utf8”

    文章目录 缘由 那么什么是编码 什么是 UTF 8 MySQL 简史 为什么这件事情会让人如此抓狂 总结 缘由 最近我遇到了一个 bug 我试着通过 Rails 在以 utf8 编码的 MariaDB 中保存一个 UTF 8 字符串 然后出
  • unity应用实例——从头撸一个全新的FPS游戏(1)

    从今天开始打算从头开始搞一个全新的FPS游戏 引擎使用的是unity2017 所有美术资源都计划从商店购买或是网上下载 自己实在搞不来 主要玩法是玩家需要穿越多个地图到达目的地 每个地图类似于一个地牢 规定时间到地牢的门才会打开 在这之前玩
  • ios-常见的命令行工具

    pwd 查看当前目录 cat 在命令行中查看文件 ls 查看文件 ls l 就是以列表的形式展开 touch 创建文件 open 打开文件 more 分页查看文件内容 f是下一页 b是上一页 当你命令行有很多东西你写错了的时候不想去一一删除
  • 视频转为GIF上传

    下载地址 https en softonic com download licecap windows post download 这里是没有直接上传视频的入口的 但是有上传gif png等图片格式的入口 这里我们需要将上传的gif通过本地
  • 键盘数字测试软件,KeyboardTest(键盘测试工具)官方版

    KeyboardTest 键盘测试工具 简介KeyboardTest 键盘测试工具 是可以放心付诸时间的系统软件软件 下载尝试过这款KeyboardTest 键盘测试工具 2021 05 12 这款软件免费吗 好像这一类软件都有个自带广告
  • linux下各文件夹的结构说明及作用

    根目录下的文件夹 1 bin 目录 bin 目录包含了引导启动所需的命令或普通用户可能用的命令 可能在引导启动后 这些命令都是二进制文件的可执行程序 bin 是 binary 的简称 多是系统中重要的系统文件 2 boot 目录 boot
  • 4. Python的流程控制

    Hi 大家好 我是茶桁 在前面几节课的基础之上 我们今天开始尝试在Python中控制流程 这中间 让我们来做一些实际的练习 Python语句的分类 让我们先了解一下Python语句的分类 在Python中 可分为单行代码和代码块 组 顾名思
  • 激活函数(4)tanh函数

    tanh函数 双曲正切激活函数 函数解析式 tanh函数及其导数的几何图像如下图 tanh读作Hyperbolic Tangent 它解决了Sigmoid函数的不是zero centered输出问题 然而 梯度消失 gradient van
  • html 替换多选框和单选框默认的按钮

    div class 113 div