精华内容
下载资源
问答
  • html单选框换色
    2022-02-11 14:37:08

    head里面

    .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
        color: #2989b6;

    body

    
                <div class="layui-form-item">
                    <label class="layui-form-label">项目级别</label>
                    <div class="layui-input-block" id="ji">
                      <input type="radio" name="1wcvn" value="国家级" title="国家级" >
                      <input type="radio" name="1wcvn" value="省级" title="省级" checked>
                <input type="radio" name="1wcvn" value="校级" title="校级">
                    </div>
                  </div>
    

    更多相关内容
  • 主要介绍了HTML+CSS实现单选框、复选框美观的样式,需要的朋友可以参考下
  • HTML 单选框

    千次阅读 2019-07-29 10:11:54
    代码: <!DOCTYPE html> <html> <head>...meta charset="utf-8">...单选框</title> </head> <body> <form action=""> <input type="radio" name="sex" ...

    代码:

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>单选框</title> 
    </head>
    <body>
    
    <form action="">
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
    </form>
    
    
    </body>
    </html>
    

    运行结果如下图
    在这里插入图片描述

    注意:当用户点击一个单选按钮时,它就会被选中,其他同名的单选按钮就不会被选中

    展开全文
  • checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。...
  • 这是一个HTML单选框的美化和动效的插件。该插件能实现选中和取消选中时丝滑的动画效果,并支持自定义单选框的颜色。除此之外还提供了获取选中值和选中状态等多种接口可以直接使用。该插件的使用教程参见博客...
  • /*** 根据name获取单选框的值* @param name* @returns*/function getRadioByName(name){return $('input:radio[name="'+name+'"]:checked').val();}/*** 根据name获取多选框的值* @param name* @returns {String}*/...

    /**

    * 根据name获取单选框的值

    * @param name

    * @returns

    */

    function getRadioByName(name){

    return $('input:radio[name="'+name+'"]:checked').val();

    }

    /**

    * 根据name获取多选框的值

    * @param name

    * @returns {String}

    */

    function getCheckboxByName(name){

    var value = document.getElementsByName(name);

    var values = "";

    for(var i=0;i

    if(value[i].checked){

    values += value[i].value;

    values +=",";

    }

    }

    if(values.length >0){

    values = values.substring(0, values.length-1);

    }

    return values;

    }

    /**

    * 根据值加载单选框

    * @param name

    * @param value

    */

    function showRadio(name,value){

    var nValue = $("input[name='"+name+"']");

    for(var i=0;i

    if(nValue[i].value == value){

    nValue[i].checked = true;

    break;

    }

    }

    }

    /**

    * 根据值加载多选框

    * @param name

    * @param value

    */

    function showCheckbox(name,value){

    var nValue = $("input[name='"+name+"']");

    var sValue = value.split(",");

    for(var i=0;i

    for(var j=0;j

    if(nValue[i].value == sValue[j]){

    nValue[i].checked = true;

    break;

    }

    }

    }

    }js,jquery博大精深,有机会好好研究下。

    展开全文
  • 修改默认单选框样式 适用于所有浏览器 包括IE8+ 功能和单选框的功能相同!后台可读取checked属性
  • html 单选框

    千次阅读 2019-11-05 10:43:13
     单选按钮    <input type="radio" id="radio-1-1" name="radio-1-set" class="regular-radio" checked=""><label for="radio-1-1">  ...

    http://www.jq22.com/webqd539

     

     

    body {
        background: #fff;
        padding: 0; margin: 0;
    }

    label {
        display: inline;
    }


    /* RADIO */

    .tag{
        width:500px;
        height:200px;
        margin:0 auto;
    }
    .regular-radio {
        display: none;
    }

    .regular-radio + label {
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #aaa;
        padding: 9px;
        border-radius:50px;
        display: inline-block;
        position: relative;
    }

    .regular-radio:checked + label:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background:#47d9bf;
        box-shadow:0px 0px 5px 0px #47d9bf;
        left: 3px;
    }

     

    <div class="tag">
            <h3>单选按钮</h3>
            <div class="button-holder">
                <input type="radio" id="radio-1-1" name="radio-1-set" class="regular-radio" checked=""><label for="radio-1-1"></label>
                <input type="radio" id="radio-1-2" name="radio-1-set" class="regular-radio"><label for="radio-1-2"></label>
                <input type="radio" id="radio-1-3" name="radio-1-set" class="regular-radio"><label for="radio-1-3"></label>
                <input type="radio" id="radio-1-4" name="radio-1-set" class="regular-radio"><label for="radio-1-4"></label>
            </div>
        </div>

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • html文件里的简单的单选框: &lt;div class="form-group has-feedback"&gt; 账单分类:&lt;br/&gt; &lt;input type="radio" class="control-label" id="...
  • HTML单选框-多选框-按钮

    千次阅读 2021-05-16 23:35:31
    DOCTYPE html> <!-- 表单元素格式: 属性 说明 type 指定元素的类型。text、password、checkbox、radio、submit、reset、 file、hidden、image、和button。默认为text name 指定表单元素的名称 value ...
  • html单选框选择后触发的事件

    千次阅读 2020-03-29 21:24:37
    $("#addTemplateSelect").change(function () { alert("zzzzz") })
  • html 单选框选中状态判断

    千次阅读 2019-03-25 11:12:54
    标签中加 checked , 默认选中. <input type="radio" name="reset" id='reset' value="1" /> <input type="radio" name="reset" id='unreset' value="0" checked/> ...$('#reset').prop('checked') //...
  • html5简单大气的单选框表单提交代码下载 html5简单大气的单选框表单提交代码下载 html5简单大气的单选框表单提交代码下载 html5简单大气的单选框表单提交代码下载 html5简单大气的单选框表单提交代码下载
  • 原生html 单选框radio改变事件

    万次阅读 2018-08-27 18:03:35
    &lt;input type="radio" name="cjf" id="allot" checked="checked" value="allot"&gt;Allot &lt;input type="...transfer&quo
  • html 单选框、复选框 点击文字选中

    千次阅读 2018-01-17 12:35:03
    html 单选框、复选框 点击文字选中 示例1(单选框) type=&quot;radio&quot; value=&quot;1&quot; id=&quot;score1&quot;&gt;for=&quot;score1&quot;&gt;1 示例2(复选...
  • {editData.sex}为返回获取的值 ...这样它与checked拼接起来就是 就还是 checked 实现了单选按钮 男 的勾选 "女"也是同理 随{editData.sex}的值变化动态勾选 代码: 性别:<input type=“radio...
  • 单选框Radiobox和复选框checkbox在网页中也十分常见,虽然它没有按钮的交互性强,但是如果能把它们像按钮那样美化一下,那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框,希望你会喜欢。 1、...
  • HTML应用单选框实例

    2022-01-15 15:00:30
    单选框代码: <div class="dxan"> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="0" onclick="pd(0)"> 管理员 </label> &...
  • html单选框(性别选择)

    千次阅读 2018-01-16 14:44:00
    在写单选框时,如何实现只能同时只能选择一个radio。 将name设置为一样的数值;代码如下: <input class="myforms-3-2" type="radio" checked ="checked" name="2" value="sex1">男 <input class=...
  • CSS修改html单选框radio样式

    千次阅读 2020-07-19 17:21:03
    html单选框默认样式比较单一,结合网上相关内容在此做个关于修改radio样式的记录。 html结构如下: <input type="radio" name="zoom" id="zoom1" value="enlarge" checked /> <label for="zoom1">放大&...
  • html5单选框表单提交代码是一款html5表单实例select表单样式美化select单选框表单提交代码。
  • 在使用表单提交数据的时候,为了减少用户的一些操作,使用选择框是一个好主意。...一、选择框种类与语法html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可...
  • HTML基础1:单选框

    千次阅读 2021-04-07 22:59:01
    3.若存在多个单选框都在一个分组里,要实现同一时间只能选中一个单选框设置name属性相同即可。 4.提交数据到后台时,后台接收的是value设置的值 二.案例 目标:利用JQuary,点击单选框时将当前单选框设置为checked,...
  • 单选框/复选框

    千次阅读 2021-06-09 12:44:43
    [html]代码库单选、复选Demofunction getSelectedEffect(effects) {//获取效果选项for ( var i = 0; i < effects.length; i++) {if (effects[i].checked)return effects[i].value;}return "[没有选择]";}...
  • html部分是通过v-for取的后台的数据 (value,i) key=value.id> <input class=radio type=radio name=radios :value=i v-model=radio /> 生成后的代码就是 <input class=radio type=radio name=...
  • http://blog.163.com/sky20081816@126/blog/static/164761023201052532729217/单选,但是要注意此时需要...复选 这里每个选项都是单独的,它的name不需要相同,这里是不是也可以用 作为复选,只是把name设置为不同...
  • html中正方形的单选框怎么设置

    千次阅读 2021-06-13 06:15:48
    1.html语言制作网页单选框………………………… 根据上面的三行应该可以看出规律来了吧,根据这个规律往下写就是了。2.html 怎么设置单选框的样式1、首先打开编辑器,然后新建一个html文件,编写入基本的框架。2、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 95,167
精华内容 38,066
关键字:

html单选框

友情链接: idpediate.rar