标签:click switch asc put input query checkbox value 选择
<!--是否需要发票-->
<div class="invoice clear">
<div class="weui-cell__bd">发票:</div>
<div class="weui-cell__ft">
<label for="switchCP2" class="weui-switch-cp">
<input id="switchCP2" @click="chooseInv()" value="off" class="weui-switch-cp__input" type="checkbox">
<div class="weui-switch-cp__box"></div>
</label>
<span v-if="!ifinvoice" >不需要</span>
<span v-if="ifinvoice">需要</span>
</div>
</div>
// 选择是否需要发票
chooseInv(){
console.log(‘chooseAbc‘)
if($(‘#switchCP2‘).val()==‘off‘){
$(‘#switchCP2‘).val(‘on‘)
this.ifinvoice = true;
}else{
$(‘#switchCP2‘).val(‘off‘)
this.ifinvoice = false;
}
},
主要是input 的输入上绑定一个value="off".用点击事件来控制其值为off或on。然后控制其颜色 和文字
标签:click switch asc put input query checkbox value 选择
原文地址:https://www.cnblogs.com/peko/p/9962546.html