Bootstrap复选框,单选框美化特效

所属分类:输入-选择框

 2987  28  查看评论 (2)
Bootstrap复选框,单选框美化特效 ie兼容9

使用方法

引入css

<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/build.css">
js
<script type="text/javascript">
    function changeState(el) {
        if (el.readOnly) el.checked=el.readOnly=false;
        else if (!el.checked) el.readOnly=el.indeterminate=true;
    }
</script>

相关插件-选择框

jQuery选择框插件FancySelect

FancySelect这款插件是 Web 开发中下拉框功能的一个更好的选择。Fancy 使用方便,只要绑定页面上的任何 元素,并调用就 .fancy() 就可以了。默认情况下,Fancy 在移动设备上使用原生的选择功能和风格。
  选择框
 711  8

Jquery实现角色左右选择特效

简单的jquery实现左右角色的互选功能
  选择框
 7919  50

美化下拉框

ul和input实现select效果
  选择框
 14701  67

选择银行下拉菜单(适应移动端)

下拉银行菜单选择框
  选择框
 10394  93

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    残月 0
    2017/2/14 20:08:52

    这么坑?点击样式出来了,input没有选中的属性checked!!!

    回复
    夜雨临窗诗意 0
    2016/12/20 15:12:42

    为什么我那对勾没显示出来?

    回复
取消回复
    PROMULGATOR

    shannybaby01

    江苏省徐州市