Ember Starter Kit

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.1.2.js"></script>
<script src="http://builds.emberjs.com/tags/v1.2.0/ember.min.js"></script>
<script type="text/x-handlebars">
  <h2>Call a method with a checkbox in Ember.js</h2> 
  {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">

  <input type="checkbox" 
         id="checkbox-toggle" 
         name="cancelCheckbox" 
         checked=toggleChecked 
  			 {{action "toggleCheckBox" on="change"}} 
  /> Toggle me

  <br/>
  <br/> It's checked: {{toggleChecked}}

</script>

CSS

/* Put your CSS here */

html,
body {
  margin: 20px;
}

JavaScript

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
});

App.IndexRoute = Ember.Route.extend({

  setupController: function() {
    this.controller.set('toggleChecked', true);
  },

  actions: {
    toggleCheckBox: function() {
      this.controller.set('toggleChecked', !this.controller.get('toggleChecked'));
    }
  }
});