title: Clicking a checkbox with protractor?
body: <p><strong>HTML code</strong></p>
  
  <pre><code>&lt;div class="check-box-panel"&gt;
  &lt;!--
   ngRepeat: employee in employees 
  --&gt;
  &lt;div class="ng-scope" ng-repeat="employee in employees"&gt;
      &lt;div class="action-checkbox ng-binding"&gt;
          &lt;input id="John" type="checkbox" ng-click="toggleSelection(employee.name)" 
                     ng-checked="selection.indexOf(employee.name) &gt; -1" value="John"&gt;&lt;/input&gt;
  
      &lt;label for="John"&gt;
          ::before
      &lt;/label&gt;
  &lt;!--
   John               
   end ngRepeat: employee in employees 
  --&gt;
  
  &lt;div class="ng-scope" ng-repeat="employee in employees"&gt;
  &lt;div class="action-checkbox ng-binding"&gt;
      &lt;input id="Jessie" type="checkbox" ng-click="toggleSelection(employee.name)" 
                 ng-checked="selection.indexOf(employee.name) &gt; -1" value="Jessie"&gt;&lt;/input&gt;
  
      &lt;label for="Jessie"&gt;&lt;/label&gt;
  </code></pre>
  
  <p><strong>I tried using jQuery</strong> </p>
  
  <pre><code>element(by.repeater('employee in employees')).element(by.id('Jessie')).click();
  </code></pre>
  
  <p><strong>also,I tried using css</strong> </p>
  
  <pre><code>element(by.repeater('employee in employees')).$('[value="Jessie"]').click();
  </code></pre>
  
  <p>But it didn't do the job. Any other way I can click on the particular Checkbox?</p>