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

喜欢ヅ旅行 2022-08-20 12:28 127阅读 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 条评论，127人围观）

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

相关阅读

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

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

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

相关 HTML/CSS 单选框

HTML/CSS 单选框代码： <!DOCTYPE html> <html lang="en"> <head>

￡神魔★判官ぃ/ 2023年01月01日 15:56/ 0 赞/ 171 阅读

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

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

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

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

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

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

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

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

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

相关 Android—复选框和单选框使用

.java文件 package com.example.myapplication; import android.support.v7.app.AppCom

我就是我/ 2022年08月21日 05:58/ 0 赞/ 229 阅读

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

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

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

相关 Java选择框和单选按钮

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

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

相关 bootstrap 复选框及单选按钮

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

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

相关单选按钮和复选框

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

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