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

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

如何在按鈕單擊時(shí)切換輸入值

如何在按鈕單擊時(shí)切換輸入值

交互式愛情 2022-09-29 17:11:58
我有一個(gè)和一個(gè)領(lǐng)域。當(dāng)我單擊該按鈕時(shí)，我希望輸入字段填充一些文本。再次單擊該按鈕時(shí)，我希望填充的文本消失或變?yōu)?.buttoninputNull當(dāng)我在線檢查時(shí)，我只能找到從列表中的元素切換類的鏈接。我如何通過 ？jQuery這是我到目前為止的代碼。我能夠用所需的值填充輸入字段。但是當(dāng)我再次單擊該按鈕時(shí)，我無法刪除該值。<button type="button" class="btn btn-outline-primary" id="test-button" data-toggle="button" aria pressed="false" autocomplete="off">    Click Me</button><input type="text" name="test-input" id="test-input" value=""><script type="text/javascript">  $('#test-button').click(function()    {      $('#test-input').val("Value Populated");    }  )</script>
查看完整描述

4 回答

?
繁花如伊

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

喜歡這個(gè)？


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

<button type="button" class="btn btn-outline-primary" id="test-button" data-toggle="button" aria pressed="false" autocomplete="off">

    Click Me

</button>

<input type="text" name="test-input" id="test-input" value="">



<script type="text/javascript">

  $('#test-button').click(function()

    {

      const $testInput = $('#test-input');

      if (!$('#test-input').val().length) {

        $('#test-input').val("Value Populated");

      } else {

        $('#test-input').val("");

      }

      

    }

  )

</script>


查看完整回答
反對(duì) 回復(fù) 2022-09-29
?
揚(yáng)帆大魚

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

您可以檢查該值是否存在，如果該值存在，則將其刪除。像這樣試試吧


  $('#test-button').click(function()

    { 

    if($('#test-input').val() != "Value Populated"){

     $('#test-input').val("Value Populated");

    }else{

    $('#test-input').val("");

    }

     

      

    }

  )

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

<button type="button" class="btn btn-outline-primary" id="test-button" data-toggle="button" aria pressed="false" autocomplete="off">

    Click Me

</button>

<input type="text" name="test-input" id="test-input" value="">


另一個(gè)選項(xiàng)是在設(shè)置值時(shí)為輸入設(shè)置數(shù)據(jù)屬性。這將幫助您重置，即使輸入已更改


 $('#test-button').click(function()

    {

      let valueSet =  $('#test-input').attr('data-set');

      if(valueSet  ==1){

        $('#test-input').attr('data-set','0').val("");

      }else{

        $('#test-input').attr('data-set','1').val("Value Populated");

      }

      

    }

  )

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

<button type="button" class="btn btn-outline-primary" id="test-button" data-toggle="button" aria pressed="false" autocomplete="off">

    Click Me

</button>

<input type="text" name="test-input" id="test-input" value="">

查看完整回答
反對(duì) 回復(fù) 2022-09-29
?
小怪獸愛吃肉

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

您可以檢查輸入中是否有值“測(cè)試輸入”，如果沒有添加文本，否則刪除文本 -


<script type="text/javascript">

 $('#test-button').click(function()

  {

     if ($('#test-input').val == '' || $('#test-input').val == null) {

       $('#test-input').val("Value Populated");

     } else {

       $('#test-input').val("");

     }

  }

)

</script>enter code here


查看完整回答
反對(duì) 回復(fù) 2022-09-29
?
蕭十郎

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

只需檢查您是否有價(jià)值：


$(document).ready(function() {

  $('#test-button').on('click',function() {

    if ($('#test-input').val()) {

      $('#test-input').val("")

    } else {

      $('#test-input').val("Value Populated")

    }

  })

})

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

<button type="button" class="btn btn-outline-primary" id="test-button" data-toggle="button" aria pressed="false" autocomplete="off">

    Click Me

</button>

<input type="text" name="test-input" id="test-input" value="">


查看完整回答
反對(duì) 回復(fù) 2022-09-29
  • 4 回答
  • 0 關(guān)注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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