如何確定複選框是否被選中Vue js

Question

我只想確定複選框是否在Vue js 2中被選中。在jquery中我們有像$（'input [type = checkbox]' ）.prop（ '檢查'）;如果複選框被選中，它將返回true。 Vue js中的等效函數是什麼？

以下是代碼方案。請注意，我正在使用刀片模板使用laravel。

@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) 
     }