title: Allowing checkbox update only on JS confirm using Knockout
body: <p>I have blocked out in this fiddle <a href="http://jsfiddle.net/2vNBB/5/" rel="nofollow">http://jsfiddle.net/2vNBB/5/</a> the scenario I am trying to achieve.</p>
  
  <p>User clicks a check box and is prompted whether or not they want to alter that setting, however in the fiddle you can see that the checkbox remains checked no matter the action taken but the observable reflects the change.</p>
  
  <p>The check box should have the correct value displayed but it does not.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="checkbox-inline"&gt;
      &lt;label&gt;
          &lt;input type="checkbox" data-bind="checked: IsAggregate, click: updateAggregate" /&gt;
      &lt;/label&gt;
  &lt;/div&gt;
  &lt;br/&gt;
  &lt;span&gt;This is the observable value: &lt;/span&gt;&lt;span data-bind="text: IsAggregate"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code> var ViewModel = function () {
      var self = this;
      self.IsAggregate = ko.observable(true);
  
      self.updateAggregate = function () {
          if (confirm("Are you sure you want to click that?")) {
              self.IsAggregate(self.IsAggregate());      
          } else {
               self.IsAggregate(!self.IsAggregate());  
          }
      };
  };
  
  var vm = new ViewModel();
  ko.applyBindings(vm);
  </code></pre>
  
  <hr>
  
  <p>UPDATE
  This has the functionality I am looking for however I want to wire this into just the checkbox. <a href="http://jsfiddle.net/2vNBB/10/" rel="nofollow">http://jsfiddle.net/2vNBB/10/</a></p>