如何确定是否在Vue js中选中了复选框

Question

我只是想确定是否在Vue js 2中选中了复选框.在jquery中我们有像$('input [type = checkbox]')的函数.prop('checked'); 如果选中复选框,则返回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) 
      }

Answer 2

This worked for me.

<input type="checkbox" :id="poid" class="unchecked" name="single_select" ref="rolesSelected">

function (){
  if(this.$refs.rolesSelected.checked == false) {
    //do something
  }
}

function (){
  if(this.$refs.rolesSelected.checked == true) {
    //do something
  }
}