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

所属分类:输入-选择框

 17501  55  查看评论 (4)
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城市联动选择

jQuery城市三级联动选择
  选择框
 18122  147

jQuery自定义下拉框插件dropdown.js

jquery.down.js用于替代原生,可自定义down的样式,支持键盘事件
  选择框
 2806  11

允许自动检索的下拉框

可以进行自定义的选择
  选择框
 6752  32

jQuery列表选择美化插件uichoose

uichoose是一款基于jQuery的列表选择美化插件。uichoose可用于选项不太多的、radio、checkbox等,提升用户体验。
  选择框
 7366  76

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

    北港初晴、 0
    2017/9/12 20:26:52

    我用了一下 他有两个勾?

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

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

        smallhappiness1
        2017/5/26 9:22:31

        那是因为你没选到那个input元素啊亲。。。

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

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

    回复
取消回复