多选框 获取value 值,已经动态改变样式

<div class="doctor">
		<div class="doctor-li">
			<input type="checkbox" v-on:change="check" id="checkbox" value="111" v-model="visitplan">
			<label for="checkbox"  class="doctor-li-fang" v-bind:class="{doctor_li_fang_active:isCheck==111}"></label><span class="doctor-li-txt">shan</span>
		</div>
</div>


<script>
    var index = new Vue({
        el: '#app',
        data: {
            list:{
              '11':'周一 (上午)',
              '12':'周一 (下午)',
			},
            isCheck:0,
            visitplan:[], //全部选中的值

        },
        methods: {
            //保存诊所信息
            saveSubmit: function () {
                
            },
            // 获取选中的值,改变样式
            check:function (e) {
                this.isCheck=e.target.defaultValue
				console.log(e.target.defaultValue)
            }
        }
    })

</script>

 

Logo

前往低代码交流专区

更多推荐