Ads

Thursday 27 November 2014

Bootstrap checkbox







[button mode="down" href="https://github.com/vsn4ik/bootstrap-checkbox/archive/master.zip"]Download[/button]   [button mode="link" href="http://vsn4ik.github.io/bootstrap-checkbox/#examples"]Demo[/button]
Bootstrap-checkbox is a checkbox component based on Bootstrap framework.
Min Requirements
  • Bootstrap 3.0.0
  • jQuery 1.9.1
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<script src="http://code.jquery.com/jquery-2.1.1.min.js" defer></script>
<script src="dist/js/bootstrap-checkbox.min.js" defer></script>
2. HTML
<input type="checkbox">
3. JAVASCRIPT
$(':checkbox').checkboxpicker();
4. OPTIONS
PropertyTypeDefault
stylefalse | stringfalse
defaultClassstring'btn-default'
disabledCursorfalse | string'not-allowed'
offClassstring'btn-danger'
onClassstring'btn-success'
offLabelfalse | string'No'
onLabelfalse | string'Yes'
offIconClassfalse | stringfalse
onIconClassfalse | stringfalse
offTitlefalse | stringfalse
onTitlefalse | stringfalse
reversebooleanfalse
warningMessagestring'Please do not use bootstrap-checkbox element in label element.'

No comments:

Post a Comment