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

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

@foreach（$roles作为$role）
@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>

var app=新的Vue({
el:'附录1'，
数据：{
角色选定：“，
},
方法：{
samplefunction:函数（值）{
//在这里，我想确定是否选中此复选框
}
},
});

您可以执行以下操作：

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

或

v-on:click=“samplefunction（{{{$role->id}}，$event）”

这对我有用

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

函数（）{
if（this.$refs.rolesSelected.checked==false）{
//做点什么
}
}
函数（）{
if（this.$refs.rolesSelected.checked==true）{
//做点什么
}
}

将复选框绑定到一个变量，然后监听该变量

RoleSelected

可能是多维的。请遵循此文档，它具有良好的example@admcfajn角色选择不是多维的。@DharmaSaputra我查阅了vuejs的所有官方文件，但没有找到任何文件。这就是我为什么问的原因。@GeordyJames也许用收音机代替复选框？这样一来，一次只能选择一个复选框。我花了一些时间研究复选框的工作原理。它与输入文本类型不同。首先使用

v-on:click

not

v-on:input

并使用

event.target.checked

not

event.target.value

。

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