title: Meteor - how to output checkbox value's with Meteor.js?
body: <p>I'm having a problem with outputting the value of selected checkbox's with Meteor.js. The checkbox value is outputting as [object Object] in the browser. Could someone please help me out.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;head&gt;
    &lt;title&gt;project&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    {{&gt;addStatusForm}}
  &lt;/body&gt;
  
  &lt;template name="addStatusForm"&gt;
      &lt;form class="addStatus"&gt;
        {{#each category}}
          &lt;input type="checkbox" name="categoryCheckbox" class="boxCheck" value={{categoryDesc}}&gt;{{categoryDesc}}&lt;br&gt;
        {{/each}}
          &lt;input type="text" name="status"&gt;
          &lt;input type="submit" value="Add status"&gt;
      &lt;/form&gt;
      {{#each status}}
      &lt;p&gt;{{statusDesc}} {{category}}&lt;/p&gt;
      {{/each}}
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>Helpers</strong></p>
  
  <pre><code>Template.addStatusForm.helpers({
  
    status: function () {
      return Status.find();
    },
  
    category: function(){
      return Category.find();
    }
  });
  </code></pre>
  
  <p><strong>Events</strong></p>
  
  <pre><code>Status = new Mongo.Collection('status');
  Category = new Mongo.Collection('category');
  
  
  Template.addStatusForm.events({
  
    'submit .addStatus': function (event) {
      event.preventDefault();
      var statusInput = event.target.status.value;
  
      var categorySelected = $('.boxCheck:checked').val();
  
      //var categorySelected = event.target.categoryCheckbox.value; tried this
      //var categorySelectedString = JSON.stringify(categorySelected); tried this also
  
      //console.log(categorySelected); just testing console output
      //console.log(statusInput); just testing console output
  
      Status.insert({
          statusDesc : statusInput,
          category : categorySelected
      });
  }
  </code></pre>