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

喜欢ヅ旅行 2022-08-20 12:28 167阅读 0赞

<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");
            }
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关单选按钮和复选框传递数据

目录理论：单选按钮组常用属性设置事件监听器单选按钮设置事件监听器复选框常用方法设置事件监听器具体例子：创建安卓应用将背景图

约定不等于承诺〃/ 2024年03月30日 10:52/ 0 赞/ 64 阅读

相关 JavaFX --- 标签、文本框、密码框、下拉框、按钮、单选按钮、复选框

目录 JavaFX的基本结构和概念 Application --- 代表了JavaFX的应用程序 Stage --- 舞台 --- 代表了一个窗体。在Applicat

柔情只为你懂/ 2023年09月29日 15:00/ 0 赞/ 15 阅读

相关 js 多选框&单选框

此多选框、单选框可以换按钮皮肤，只更改雪碧图的定位即可。没有使用自带的控件，是重新写的。用到了模块化开发，类的导出导入，类的继承。 <!-- html部分

向右看齐/ 2023年07月07日 12:57/ 0 赞/ 15 阅读

相关 element动态生成单选框，多选框

<template> <div class="demo"> <div> <ul> <li v-f

谁借莪１个温暖的怀抱￠/ 2022年10月07日 09:51/ 0 赞/ 319 阅读

相关 html中怎么写收缩式单选框,html中多选框变单选框

通过jquery将多选框变单选框多选框的name值为checkboxlist是复选框选中后更换其他复选框状态. function queryListByParam(e)\{

我不是女神ヾ/ 2022年10月05日 13:55/ 0 赞/ 204 阅读

相关单选按钮、下拉框、复选框选中问题

我们直接看例子吧： <input type="radio" name="radio" value="$\{var.id \}" checked="checked"/>$\{v

爱被打了一巴掌/ 2022年09月20日 11:13/ 0 赞/ 314 阅读

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

<div class="113" > <label class="checkbox-inline

喜欢ヅ旅行/ 2022年08月20日 12:28/ 0 赞/ 168 阅读

相关 Java选择框和单选按钮

选择框、单选框和单选按钮都是选择组件，选择组件有两种状态，一种是选中(on)，另一种是未选中(off)，它们提供一种简单的 “on/off”选择功能，让用户在一组选择项目中作选

深碍√TFBOYSˉ_/ 2022年05月16日 03:46/ 0 赞/ 241 阅读

相关 bootstrap 复选框及单选按钮

<div class="form-group floating-label"> <label >是否开启RMB购买</label> <

喜欢ヅ旅行/ 2021年12月14日 14:05/ 0 赞/ 471 阅读

相关单选按钮和复选框

单选按钮（RadioButton）和复选按框（CheckBox）都是很常用的组件，尤其是在对话框中。单选按钮（RadioButton）是一种具有排他性的选择组件，用户每一次只能

╰+哭是因爲堅強的太久メ/ 2021年11月29日 11:30/ 0 赞/ 542 阅读