Use dom-if to hide settings pages and show explicitly.

chrome/browser/resources/settings/controls/settings_checkbox.js

Index: chrome/browser/resources/settings/controls/settings_checkbox.js
diff --git a/chrome/browser/resources/settings/controls/settings_checkbox.js b/chrome/browser/resources/settings/controls/settings_checkbox.js
index e892fb96f4558da4cc6a74c347366da705ffc505..b89ab74d596fae6ca264d4cd947a6a47e2fb5981 100644
--- a/chrome/browser/resources/settings/controls/settings_checkbox.js
+++ b/chrome/browser/resources/settings/controls/settings_checkbox.js
@@ -87,7 +87,12 @@ Polymer({
    * @private
    */
   checkedChanged_: function() {
-    this.set('pref.value', this.getNewValue_(this.checked));
+    if (!this.pref)
+      return;
+    var newvalue = this.getNewValue_(this.checked);
+    if (this.pref.type == chrome.settingsPrivate.PrefType.NUMBER)
+      newvalue = newvalue ? 1 : 0;
+    this.set('pref.value', newvalue);
   },
 
   /**