首页 > Web开发 > 详细

jqueryweui关于switch css与js结合

时间:2018-11-15 12:53:00      阅读:140      评论:0      收藏:0      [点我收藏+]
        <!--是否需要发票-->
        <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结合

原文:https://www.cnblogs.com/peko/p/9962546.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!