UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

radio & checkbox

所属分类：输入-选择框

 45280  504  查看评论 (38)
分享到微信朋友圈
X
radio & checkbox ie兼容8
 查看演示  立即下载

引用js

<!--引用js-->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/labelauty.js"></script>

引用css

<!--引用css-->
<link href="css/labelauty.css" rel="stylesheet" />

html代码

<!--html代码-->
<!--单选-->
<input type="radio" name="rdo" class="rdolist" checked="checked" />
<label class="rdobox">
    <span class="check-image"></span>
    <span class="radiobox-content">男</span>
</label>

<!--多选-->
<input type="checkbox" name="chk" class="chklist" checked="checked" />
<label class="chkbox">
    <span class="check-image"></span>
    <span class="radiobox-content">UI设计师</span>
</label>

JavaScript 调用

$(document).ready(function () {
    //参数{input类名，选择类型(单选or多选)}
    $(".rdolist").labelauty("rdolist", "rdo");
    $(".chklist").labelauty("chklist", "check");
});
相关插件-选择框
查看更多

模糊查询的下拉框

 下拉框的样子，上面可以输入带有查询功能
  选择框
 65574  466

jQuery电影票选座位（原创）

 这是一个电影院购票时的选位置的插件
  选择框
 14968  139

手机端省市县三级联动

 jQuery手机端省市县联动
  选择框
 32908  343

jQuery多选和单选下拉框插件select.js（原创）

 可通过参数设置多选或者单选，多选返回数组结果，单选返回字符串
  选择框
 70587  414

讨论这个项目（38）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    看穿 0
    2018/6/12 11:47:02
    龙猫不是龙是只猫 0
    2017/8/15 10:59:03

     document.getElementById("t").innerHTML='';没办法通过js改变样式好烦

        说破。0
        2019/1/11 14:02:03
        改变样式不是 document.getElementById("t").Style.xxx 吗？
    回复
    _轻描淡写 0
    2017/5/5 21:30:39

    为什么无法注册change事件呢？

    回复
    echo6226 0
    2017/4/14 12:08:26
    能发给我吗大佬 回复
    Anybbo 0
    2016/11/10 13:11:03
    z 0
    2016/8/17 15:08:59
    lz, 对$.each()里面的$(this)是啥完全没感念，对jquery链式调用更是一窍不通
        说破。0
        2016/11/10 13:11:30
        那就多看看文档，相信你很快就会掌握的
    回复
    z 0
    2016/8/17 15:08:47
    写得像坨翔
        说破。0
        2016/8/17 15:08:25
        不喜忽喷啊，我也是新手时写的
    回复
    魏丶天华 0
    2016/6/8 11:06:53
    正好在找和bootstrap配套的多选框样式 回复
    Null 0
    2016/3/19 1:03:06
    不错，支持ie8
        　　　　杨鹏。0
        2016/9/11 14:09:05
        支持IE8就万岁了。
        CLANNAD0
        2016/11/4 10:11:41
        支持ie8那就太棒了
    回复
    小小乐 0
    2016/3/17 17:03:42
    正好在找和bootstrap配套的radio，这个正好
        ！0
        2017/11/7 15:34:55

        这个正好！

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复