Fix #22: New configurable property tabindex

Author: kartik-v

CHANGE.md

@@ -2,6 +2,7 @@ version 1.5.3
 =============
 **Date**: 01-Jun-2015
 
+- (enh #22): New configurable property `tabindex`.
 - (enh #23): Better styling to prevent block selection for checkbox container & label.
 
 version 1.5.2

README.md

@@ -137,6 +137,9 @@ _boolean_, whether the checkbox input is enclosed inside a label. Defaults to `f
 #### useNative
 _boolean_, whether to display the native checkbox control instead of the advanced styled input generated by the plugin. Defaults to `false`. This property will be applied only if your source element is a checkbox input. Setting it to `true` will allow you to use a `threeState` native checkbox. Note that when you have set `useNative` to `true`, you will lose the advanced styling features offerred by `bootstrap-checkbox-x`.
 
+#### tabindex
+_int_, the tabindex property for the checkbox input. Defaults to `1000`. If set to empty or `false`, no tabindex will be assigned.
+
 ### Plugin Events
 The plugin supports these events:
 

js/checkbox-x.js

@@ -171,7 +171,7 @@
             var self = this,
                 icon = self.getIndicator(),
                 size = self.options.size,
-                tab = self.disabled ? '' : ' tabindex="1000"',
+                tab = self.disabled || !self.options.tabindex ? '' : ' tabindex="' + self.options.tabindex + '"',
                 css = 'cbx cbx-' + size + (self.disabled ? ' cbx-disabled' : ' cbx-active');
             return '<div class="' + css + '"' + tab + '>' + icon + '</div>';
         }
@@ -204,7 +204,8 @@
         iconNull: '<div class="cbx-icon-null"></div>',
         size: 'md',
         enclosedLabel: false,
-        useNative: false
+        useNative: false,
+        tabindex: 1000
     };
 
     $.fn.checkboxX.Constructor = CheckboxX;