第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

根據(jù)輸入值增量更改按鈕顏色

根據(jù)輸入值增量更改按鈕顏色

下面的示例我想在輸入值 > 1 時(shí)更改減號(hào)按鈕背景顏色。同時(shí)當(dāng)輸入值 = 0 時(shí),它應(yīng)該是默認(rèn)背景顏色。評(píng)論以進(jìn)一步澄清。我試過(guò)的腳本:$('.quantity-plus').click(function() {    if($(".input-number").val() > 0){                       //alert();        $('.quantity-minus').css('background', '#f00');    }    else {        $('.quantity-minus').css('background', '#999');    }               });$(document).ready(function(){     $('.quantity-plus').click(function (e) {          $(this).prev().val(+$(this).prev().val() + 1);    e.preventDefault();  });  $('.quantity-minus').click(function (e) {    if ($(this).next().val() > 0) $(this).next().val(+$(this).next().val() - 1);    e.preventDefault();  });   });.quantity-minus {  background: #999;  color: #fff;  padding: 5px;}.quantity-plus {  background: green;  color: #fff;  padding: 5px;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="input-group qty-addon">    <a href="javascript:void(0);" class="quantity-minus">        minus    </a>    <input type="text" id="" name="" class="input-number" value="0">    <a href="javascript:void(0);" class="quantity-plus" data-type="plus" data-field="">        plus    </a></div>
查看完整描述

2 回答

?
qq_遁去的一_1

TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊

再次閱讀您的問(wèn)題后,我想我明白了。如果輸入大于 0,則您希望錨點(diǎn)為紅色。否則,默認(rèn)返回灰色。


您可以通過(guò)將示例腳本轉(zhuǎn)換為函數(shù)并將其添加到加號(hào)和減號(hào)事件來(lái)實(shí)現(xiàn)此目的。


$(document).ready(function() {

  function color() {

    if ($(".input-number").val() > 0) {

      $('.quantity-minus').css('background', '#f00');

    } else {

      $('.quantity-minus').css('background', '#999');

    }

  }

  $('.quantity-plus').click(function(e) {

    $(this).prev().val(+$(this).prev().val() + 1);

    color();

    e.preventDefault();

  });

  $('.quantity-minus').click(function(e) {

    if ($(this).next().val() > 0) $(this).next().val(+$(this).next().val() - 1);

    color();

    e.preventDefault();

  });

});

.quantity-minus {

  background: #999;

  color: #fff;

  padding: 5px;

}

.quantity-plus {

  background: green;

  color: #fff;

  padding: 5px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="input-group qty-addon">

    <a href="javascript:void(0);" class="quantity-minus">

        minus

    </a>

    <input type="text" id="" name="" class="input-number" value="0">

    <a href="javascript:void(0);" class="quantity-plus" data-type="plus" data-field="">

        plus

    </a>

</div>


查看完整回答
反對(duì) 回復(fù) 2021-11-04
?
慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

單擊minus按鈕時(shí)需要重置背景顏色,目前僅在plus單擊按鈕時(shí)更改顏色,


$(document).ready(function(){   

  $('.quantity-plus').click(function (e) {      

    $(this).prev().val(+$(this).prev().val() + 1);

    e.preventDefault();

  });

  $('.quantity-minus').click(function (e) {

    if ($(this).next().val() > 1){

      $(this).next().val(+$(this).next().val() - 1);

      e.preventDefault();

    } else {

       $(this).next().val(0);

       $('.quantity-minus').css('background', '#999');

    }

  });

});


$('.quantity-plus').click(function() {

    if($(".input-number").val() > 0){           

            //alert();

        $('.quantity-minus').css('background', '#f00');

    }

    else {

        $('.quantity-minus').css('background', '#999');

    }               

});

.quantity-minus {

  background: #999;

  color: #fff;

  padding: 5px;

}

.quantity-plus {

  background: green;

  color: #fff;

  padding: 5px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="input-group qty-addon">

    <a href="javascript:void(0);" class="quantity-minus">

        minus

    </a>

    <input type="text" id="" name="" class="input-number" value="0">

    <a href="javascript:void(0);" class="quantity-plus" data-type="plus" data-field="">

        plus

    </a>

</div>

另一種方法是您可以在每次單擊任何按鈕時(shí)觸發(fā) onchange 輸入,然后根據(jù)值更改按鈕的顏色。


$(document).ready(function() {

  $('.quantity-plus').click(function(e) {

    $(this).prev().val(+$(this).prev().val() + 1);

    e.preventDefault();

    $('#input').change()

  });

  $('.quantity-minus').click(function(e) {

    if ($(this).next().val() > 1) {

      $(this).next().val(+$(this).next().val() - 1);

      e.preventDefault();

    } else {

      $(this).next().val(0);

    }

    $('#input').change()

  });

});


function handle() {

  if ($(".input-number").val() > 0) {

    //alert();

    $('.quantity-minus').css('background', '#f00');

  } else {

    $('.quantity-minus').css('background', '#999');

  }

}

.quantity-minus {

  background: #999;

  color: #fff;

  padding: 5px;

}


.quantity-plus {

  background: green;

  color: #fff;

  padding: 5px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="input-group qty-addon">

  <a href="javascript:void(0);" class="quantity-minus">

        minus

    </a>

  <input type="text" id="input" name="" class="input-number" value="0" onchange="handle()">

  <a href="javascript:void(0);" class="quantity-plus" data-type="plus" data-field="">

        plus

    </a>

</div>


查看完整回答
反對(duì) 回復(fù) 2021-11-04
  • 2 回答
  • 0 關(guān)注
  • 167 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)