title: Angular JS know what is Triggered with a Checkbox Image and Radio Button Image
body: <p>I have something like this</p>
  
  <p>I did not use input type checkbox rather, I used images. 
  If the checkbox is unchecked li will not have a class "checked" </p>
  
  <pre><code>&lt;li ng-model="FirstCheckBox"&gt;
  
  
  
  &lt;div&gt;Check1&lt;/div&gt;
  
  
  
  &lt;/li&gt;
  </code></pre>
  
  <p>but if the checkbox is checked li will have a class "checked"</p>
  
  <pre><code>&lt;li ng-model="FirstCheckBox" class="checked"&gt;                                                                                                                                               
  &lt;div&gt;Check1&lt;/div&gt;                                                                   
  &lt;/li&gt;
  </code></pre>
  
  <p>My concern is what is the proper way to set the $scope.FirstCheckBox to true or false based on it's li having a class "checked"</p>
  
  <p>Also I am not sure if the ng-model is supposed to be at the li</p>