vue .js获取checkbox是否选中

vue .js获取checkbox是否选中
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

1.html

1

2

3

4

5

6

7

<div class="weui-cells weui-cells_checkbox font14" v-for="item in items">

   <label class="weui-cell weui-check__label">

    <div class="weui-cell__ft width-inherit">

     <input type="checkbox" class="weui-check" v-on:click="CheckItem(item)" v-model="item.state" name="checkbox" />

    </div>

   </label>

  </div>

 

2.js

1

2

3

4

5

6

7

8

9

10

11

var vum = new Vue({

 data:{

  items:[]

 }

 methods:{

  CheckItem:function(item){

   item.state = !item.state;

   console.log(this.items);

  }

 }

})

本文来源huayang183,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/18648

发表评论