title: How to determine whether a checkbox is checked or not in Vue js
body: <p>I just want to determine whether a checkbox is checked or not in Vue js 2. In jquery we have functions like <strong>$('input[type=checkbox]').prop('checked');</strong> which will return true if checkbox is checked or not. What is the equivalent function in Vue js. </p>
  
  <p>Here is the scenario with code. Please note i am using laravel with its blade templates.</p>
  
  <pre><code>@foreach ($roles as $role)
     &lt;input type="checkbox" v-on:click="samplefunction({{$role-&gt;id}})" v-model="rolesSelected" value="{{$role-&gt;id}}"&gt;                       
  @endforeach  
  </code></pre>
  
  <p>The js part is </p>
  
  <pre><code>&lt;script&gt;
    var app = new Vue({
      el: '#app1',
      data: {
        rolesSelected:"",
      },
      methods : {
        samplefunction : function(value) {
          // Here i want to determine whether this checkbox is checked or not   
        }
      },
    });
  
  &lt;/script&gt;
  </code></pre>