radio & checkbox

所属分类:输入-选择框

 37350  427  查看评论 (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");
});
相关插件-选择框

jquery城市选择插件lazyload-min.js

jquery城市选择插件lazyload-min.js
  选择框
 62319  410

jQuery下拉框插件jquery.select.js

jQuery自定select下拉框样式插件jquery.select.js
  选择框
 82337  304

jQuery地区三联动

jQuery筛选地区可以得到相应的地区码
  选择框
 21311  251
  选择框
 29343  256

讨论这个项目(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

        这个正好!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复