javascript - 如何确定Vue js中是否已选中复选框

我只想确定在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>

最佳答案

您可以执行以下操作:

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

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

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