bootstrap-checkbox, 在 Bootstrap 框架上,一个基于

分享于 

3分钟阅读

GitHub

  繁體 雙語
A checkbox component based on bootstrap framework
  • 源代码名称:bootstrap-checkbox
  • 源代码网址:http://www.github.com/montrezorro/bootstrap-checkbox
  • bootstrap-checkbox源代码文档
  • bootstrap-checkbox源代码下载
  • Git URL:
    git://www.github.com/montrezorro/bootstrap-checkbox.git
    Git Clone代码到本地:
    git clone http://www.github.com/montrezorro/bootstrap-checkbox
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/montrezorro/bootstrap-checkbox
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    引导复选框

    基于 Bootstrap 框架的checkbox组件

    作者

    Montresor

    文档

    你可以在这里找到演示和文档

    用法

    记住在 HTML header 中同时包含. js 和. css。

    使用 .checkbox 类创建你的<input type="checkbox">

    
    <input type="checkbox" class="checkbox"/>
    
    
    <input type="checkbox" class="checkbox" checked="checked"/>
    
    
    <input type="checkbox" class="checkbox" disabled="disabled"/>
    
    
    <input type="checkbox" class="checkbox" checked="checked" disabled="disabled"/>
    
    
    
    

    通过JavaScript启用引导复选框:

    
    $('.checkbox').checkbox();
    
    
    
    

    或者只是

    
    $('input[type="checkbox"]').checkbox();
    
    
    
    

    命令行选项

    选项可以通过数据属性或者JavaScript传递。

    
    $('input[type="checkbox"]').checkbox({
    
    
     buttonStyle: 'btn-link',
    
    
     buttonStyleChecked: 'btn-inverse',
    
    
     checkedClass: 'fa fa-check',
    
    
     uncheckedClass: 'fa fa-square-o',
    
    
     defaultState: false,
    
    
     defaultEnabled: true,
    
    
    
     checked: false,
    
    
     enabled: true
    
    
    });
    
    
    
    

    你可以通过 data-label 或者 data-label-prepend 属性附加或者附加标签。 你可以通过 data-default-state 属性设置默认状态( 在重置窗体时使用)。 你可以通过 data-default-enabled 属性设置默认的abilitation ( 在重置窗体时使用)。

    方法

    
    $('input[type="checkbox"]').checkbox('click');//change input's state
    
    
    $('input[type="checkbox"]').checkbox('toggleEnabled');//change input's enabled
    
    
    $('input[type="checkbox"]').checkbox('check');//change input's state to checked
    
    
    $('input[type="checkbox"]').checkbox('unCheck');//change input's state to unchecked
    
    
    
    

    版权和许可证

    版权所有( C ) 2014 Roberto Montresor

    在Apache许可证 2.0下许可。


    COM    BASE  framework  BOO  引导  
    相关文章