Fixed #2: Add "reverse" option. Bump 1.0.14.

bower.json

@@ -1,6 +1,6 @@
 {
 	"name": "bootstrap-checkbox",
-	"version": "1.0.13",
+	"version": "1.0.14",
 	"authors": [
 		"vsn4ik"
 	],

dist/bootstrap-checkbox.js

@@ -20,7 +20,7 @@ if (typeof jQuery === 'undefined') {
 		if (this.$element.closest('label').length) {
 			console.warn('Please do not use bootstrap-checkbox element in label element.');
 			return;
-		};
+		}
 
 		this.options = $.extend({}, $.fn.checkboxpicker.defaults, options, this.$element.data());
 
@@ -29,8 +29,11 @@ if (typeof jQuery === 'undefined') {
 		// .btn-group-justified works with <a> elements as the <button> doesn't pick up the styles
 		this.$buttons = $('<a><a>').addClass('btn');
 
-		this.$off = this.$buttons.eq(0);
-		this.$on = this.$buttons.eq(1);
+		// === '': <... data-reverse>
+		var reverse = this.options.reverse || this.options.reverse === '';
+
+		this.$off = this.$buttons.eq(reverse ? 1 : 0);
+		this.$on = this.$buttons.eq(reverse ? 0 : 1);
 
 		this.init();
 	}

docs/dist/bootstrap-checkbox.js

@@ -20,7 +20,7 @@ if (typeof jQuery === 'undefined') {
 		if (this.$element.closest('label').length) {
 			console.warn('Please do not use bootstrap-checkbox element in label element.');
 			return;
-		};
+		}
 
 		this.options = $.extend({}, $.fn.checkboxpicker.defaults, options, this.$element.data());
 
@@ -29,8 +29,11 @@ if (typeof jQuery === 'undefined') {
 		// .btn-group-justified works with <a> elements as the <button> doesn't pick up the styles
 		this.$buttons = $('<a><a>').addClass('btn');
 
-		this.$off = this.$buttons.eq(0);
-		this.$on = this.$buttons.eq(1);
+		// === '': <... data-reverse>
+		var reverse = this.options.reverse || this.options.reverse === '';
+
+		this.$off = this.$buttons.eq(reverse ? 1 : 0);
+		this.$on = this.$buttons.eq(reverse ? 0 : 1);
 
 		this.init();
 	}

docs/index.html

@@ -50,42 +50,47 @@ <h3>Options</h3>
 			<tr>
 				<td>style</td>
 				<td>false | string</td>
-				<td><code>false</code></td>
+				<td>false</td>
 			</tr>
 			<tr>
 				<td>defaultClass</td>
 				<td>string</td>
-				<td><code>btn-default</code></td>
+				<td>btn-default</td>
 			</tr>
 			<tr>
 				<td>offClass</td>
 				<td>string</td>
-				<td><code>btn-danger</code></td>
+				<td>btn-danger</td>
 			</tr>
 			<tr>
 				<td>onClass</td>
 				<td>string</td>
-				<td><code>btn-success</code></td>
+				<td>btn-success</td>
 			</tr>
 			<tr>
 				<td>offLabel</td>
 				<td>string</td>
-				<td><code>No</code></td>
+				<td>No</td>
 			</tr>
 			<tr>
 				<td>onLabel</td>
 				<td>string</td>
-				<td><code>Yes</code></td>
+				<td>Yes</td>
 			</tr>
 			<tr>
 				<td>offTitle</td>
 				<td>false | string</td>
-				<td><code>false</code></td>
+				<td>false</td>
 			</tr>
 			<tr>
 				<td>onTitle</td>
 				<td>false | string</td>
-				<td><code>false</code></td>
+				<td>false</td>
+			</tr>
+			<tr>
+				<td>reverse</td>
+				<td>boolean</td>
+				<td>false</td>
 			</tr>
 		</tbody>
 	</table>
@@ -107,6 +112,18 @@ <h3 id="examples">Examples</h3>
 		</div>
 	</div>
 
+	<div class="form-group">
+		<div class="col-sm-3">
+			<input type="checkbox" data-reverse>
+		</div>
+
+		<div class="col-sm-9">
+{% highlight html %}
+<input type="checkbox" data-reverse>
+{% endhighlight %}
+		</div>
+	</div>
+
 	<div class="form-group">
 		<div class="col-sm-3">
 			<input type="checkbox" disabled checked>