<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp">
    <h1>Option checked as default</h1>
    <div ng-init="options={};options.one.selected=true">
       <input id="option_1" type="checkbox" 
                   ng-click="options.one.selected=!options.one.selected" 
                   ng-checked="options.one.selected"
                   ng-model="options.one.selected">
       <label for="option_1" >Option 1</label>
    </div>
    </br>
    <hr>
    <div>Let's see what our object looks like when we check/uncheck</div>
    <pre>{{options | json}}</pre>
   
  </body>

</html>
angular.module('myApp', []);
/* Styles go here */