jqueryweui关于switch css与js结合
Posted peko
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jqueryweui关于switch css与js结合相关的知识，希望对你有一定的参考价值。
<!--是否需要发票-->
<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。然后控制其颜色 和文字
以上是关于jqueryweui关于switch css与js结合的主要内容，如果未能解决你的问题，请参考以下文章