Vue js에서 확인란이 선택되어 있는지 확인하는 방법

Vue js에서 확인란이 선택되어 있는지 확인하는 방법

Vue js 2에서 체크박스가 켜져 있는지 확인하려고 합니다.jquery에는 $('input[type=syslog].prop'checked')와 같은 함수가 있습니다.이 함수는 체크박스를 켜거나 켜지 않으면 true가 반환됩니다.Vue js의 등가 함수는 무엇입니까?

다음은 코드를 사용한 시나리오입니다.블레이드 템플릿에 larabel을 사용하고 있습니다.

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

이건 나한테 효과가 있었어.

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

언급URL : https://stackoverflow.com/questions/45559589/how-to-determine-whether-a-checkbox-is-checked-or-not-in-vue-js