码迷,mamicode.com
首页 > Web开发 > 详细

jqueryweui关于switch css与js结合

时间:2018-11-15 13:44:20      阅读:374      评论:0      收藏:0      [点我收藏+]

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

jqueryweui关于switch css与js结合

标签:click   switch   asc   put   input   query   checkbox   value   选择   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!