Added #9; reverse option.

Author: vanderlee

README.md

@@ -1,8 +1,8 @@
 jQuery Tristate
 ===============
-Version 1.2.0
+Version 1.2.1
 
-Copyright © 2013-2016 Martijn van der Lee.
+Copyright © 2013-2017 Martijn van der Lee.
 MIT Open Source license applies.
 
 Based on work by Chris Coyier (http://css-tricks.com/indeterminate-checkboxes/)
@@ -23,9 +23,15 @@ Features
 	`indeterminatevalue` attributes or options.
 -	HTML attributes modified by the plugin.
 -	Should support every major browser, including IE6.
+-	Configurable order of states.
 
 Changelog
 -----------
+Version 1.2.1
+
+-	Added `reverse` option.
+-	Fixed QUnit testcases.
+
 Version 1.2
 
 -	Dropped jQueryUI requirement.
@@ -48,12 +54,12 @@ Sourcecode on Github: https://github.com/vanderlee/tristate
 
 Browser support
 ---------------
-Tested with v1.0.5
+Tested with v1.2.1
 
--	Chrome 31
--	FireFox 25
--	Opera 17
--	Internet Explorer 10
+-	Chrome 56
+-	FireFox 51
+-	Opera 43
+-	Internet Explorer 11
 
 Quick start
 -----------

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "tristate",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "homepage": "https://github.com/vanderlee/tristate",
   "authors": [
     "Martijn van der Lee <martijn@vanderlee.com>"

jqtristate.jquery.json

@@ -1,6 +1,6 @@
 {
 	"name": "jqtristate",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"title": "Vanderlee Tristate",
 	"description": "jQuery standalone tristate (indeterminate) checkbox with pseudo selectors and optional value modification and .val() overwrite. Standalone, so usable for purposes other than list/tree marking.",
 	"author": {

jquery.tristate.js

@@ -2,9 +2,9 @@
 /*globals jQuery */
 
 /*!
- * Tristate v1.2.0
+ * Tristate v1.2.1
  *
- * Copyright (c) 2013-2016 Martijn W. van der Lee
+ * Copyright (c) 2013-2017 Martijn W. van der Lee
  * Licensed under the MIT.
  */
 /* Based on work by:
@@ -20,13 +20,14 @@
 
 	var pluginName = 'tristate',
 		defaults = {
-			change:				undefined,
-			checked:			undefined,
-			indeterminate:		undefined,
-			init:				undefined,
-			state:				undefined,
-			unchecked:			undefined,
-			value:				undefined	// one-way only!
+			'change':			undefined,
+			'checked':			undefined,
+			'indeterminate':	undefined,
+			'init':				undefined,
+			'reverse':			false,
+			'state':			undefined,
+			'unchecked':		undefined,
+			'value':			undefined	// one-way only!
 		},
 		valFunction	= $.fn.val;
 
@@ -38,34 +39,23 @@
         }
     }
 
-    $.extend(Plugin.prototype, {	
+    $.extend(Plugin.prototype, {
 		_create: function() {					
 			var that = this,
 				state;
 
 			// Fix for #1
 			if (window.navigator.userAgent.indexOf('Trident') >= 0) {
 				this.element.click(function(e) {
-					if (!this.indeterminate && $(this).attr('indeterminate')) {
-						$(this).trigger('change');						
-					}						
+					that._change.call(that, e);			
+					that.element.closest('form').change();
+				});
+			} else {
+				this.element.change(function(e) {
+					that._change.call(that, e);
 				});
 			}
 
-			this.element.change(function(e) {
-				if (e.isTrigger || !e.hasOwnProperty('which')) {
-					e.preventDefault();
-				}
-				
-				switch (that.settings.state) {
-					case true:  that.settings.state = null; break;
-					case false: that.settings.state = true; break;
-					default:    that.settings.state = false; break;
-				}
-
-				that._refresh(that.settings.change);								
-			});
-
 			this.settings.checked		= this.element.attr('checkedvalue')		  || this.settings.checked;
 			this.settings.unchecked		= this.element.attr('uncheckedvalue')	  || this.settings.unchecked;
 			this.settings.indeterminate	= this.element.attr('indeterminatevalue') || this.settings.indeterminate;
@@ -88,6 +78,20 @@
 			return this;
 		},
 
+		_change: function(e) {
+			if (e.isTrigger || !e.hasOwnProperty('which')) {
+				e.preventDefault();
+			}
+			
+			switch (this.settings.state) {
+				case true:  this.settings.state = (this.settings.reverse ? false : null); break;
+				case false: this.settings.state = (this.settings.reverse ? null : true); break;
+				default:    this.settings.state = (this.settings.reverse ? true : false); break;
+			}
+
+			this._refresh(this.settings.change);								
+		},
+		
 		_refresh: function(callback) {
 			var value	= this.value();
 
@@ -97,7 +101,7 @@
 			this.element.prop('indeterminate', this.settings.state === null);
 			this.element.get(0).indeterminate = this.settings.state === null;
 
-			this.element[this.settings.state ? 'attr' : 'removeAttr']('checked', true);
+			this.element[this.settings.state === true ? 'attr' : 'removeAttr']('checked', true);
 			this.element.prop('checked', this.settings.state === true);
 
 			if ($.isFunction(callback)) {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tristate",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"license": "MIT",
 	"description": "Turn any checkbox into a tristate checkbox. Including .val() extension and pseudo selectors.",
 	"homepage": "https://github.com/vanderlee/tristate",

test/tests.js

@@ -18,22 +18,54 @@ QUnit.jqui.tests({
 		equal(cb.is(':determinate'),	true,	"Initial, Determinate");
 		equal(cb.is(':indeterminate'),	false,	"Initial, Not indeterminate");
 
-		cb.get(0).click();
+		cb.click();	// false -> true
 		equal(cb.is(':checked'),		true,	"1st click, Checked");
 		equal(cb.is(':determinate'),	true,	"1st click, Determinate");
 		equal(cb.is(':indeterminate'),	false,	"1st click, Not indeterminate");
 
-		cb.click();
+		cb.click(); // true -> indeterminate
 		equal(cb.is(':checked'),		false,	"2nd click, Not checked");
 		equal(cb.is(':determinate'),	false,	"2nd click, Not determinate");
 		equal(cb.is(':indeterminate'),	true,	"2nd click, Indeterminate");
 
-		cb.click();
+		cb.click(); // indeterminate -> true
 		equal(cb.is(':checked'),		false,	"3rd click, Not checked");
 		equal(cb.is(':determinate'),	true,	"3rd click, Determinate");
 		equal(cb.is(':indeterminate'),	false,	"3rd click, Not indeterminate");
 	},
-			
+	
+	"Reverse order": function() {
+		'use strict';
+
+		var cb = $('<input type="checkbox"/>').appendTo('body');
+		equal(cb.is(':tristate'),		false,	"It's not a tristate");
+
+		cb.tristate({
+			'reverse': true
+		});
+
+		equal(cb.is(':tristate'),		true,	"It's a tristate");
+
+		equal(cb.is(':checked'),		false,	"Initial, Not checked");
+		equal(cb.is(':determinate'),	true,	"Initial, Determinate");
+		equal(cb.is(':indeterminate'),	false,	"Initial, Not indeterminate");
+
+		cb.click(); // false -> indeterminate
+		equal(cb.is(':checked'),		false,	"1st click, Not checked");
+		equal(cb.is(':determinate'),	false,	"1st click, Not determinate");
+		equal(cb.is(':indeterminate'),	true,	"1st click, Indeterminate");
+
+		cb.click(); // indeterminate -> true
+		equal(cb.is(':checked'),		true,	"2nd click, Checked");
+		equal(cb.is(':determinate'),	true,	"2nd click, Determinate");
+		equal(cb.is(':indeterminate'),	false,	"2nd click, Not indeterminate");
+
+		cb.click(); // true -> false
+		equal(cb.is(':checked'),		false,	"3rd click, Not checked");
+		equal(cb.is(':determinate'),	true,	"3rd click, Determinate");
+		equal(cb.is(':indeterminate'),	false,	"3rd click, Not indeterminate");
+	},
+		
 	"Expando values": function() {
 		'use strict';