javascript - Vue js判断复选框是否被选中

Question

我只想确定一个复选框是否在 Vue js 2 中被选中。在 jquery 中我们有像 $('input[type=checkbox]').prop('checked'); 如果复选框被选中，它将返回 true。 Vue js 中的等价函数是什么？

这是带有代码的场景。请注意，我使用的是 laravel 及其 Blade 模板。

@foreach ($roles as $role)
   <input type="checkbox" v-on:click="samplefunction({{$role->id}})" v-model="rolesSelected" value="{{$role->id}}">                       
@endforeach  

js部分是

<script>
  var app = new Vue({
    el: '#app1',
    data: {
      rolesSelected:"",
    },
    methods : {
      samplefunction : function(value) {
        // Here i want to determine whether this checkbox is checked or not   
      }
    },
  });

</script>

Answer 1

你可以这样做:

if(this.rolesSelected != "") {
   alert('isSelected');
}

或者v-on:click="samplefunction({{$role->id}},$event)"

samplefunction : function(value,event) {
    if (event.target.checked) {
       alert('isSelected');
    }
}