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。然后控制其颜色 和文字

猜你喜欢

转载自www.cnblogs.com/peko/p/9962546.html