亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

單擊單選按鈕時,將值附加到 div 并在單擊另一個單選按鈕時從 div 中刪除

單擊單選按鈕時,將值附加到 div 并在單擊另一個單選按鈕時從 div 中刪除

一只名叫tom的貓 2023-07-06 19:48:00
基本上,我試圖在單擊時將單選按鈕值附加到 div。這可以正常工作,但是當單擊另一個單選按鈕時我似乎無法清除 div。div 中只能有 1 條附加數據。我嘗試在附加值之前使用innerHTML清除div,但似乎不起作用$('input[type="radio"]').one('click', function () {  var getVal = $(this).val();  if ($('.selections').text().length < 0) {    console.log('less than');  }   else if ($('.selections').text().length > 0){    console.log('more than');    $('.selections').innerHTML = "";    $('.selections').append(getVal);  }  console.log(getVal);});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><form>  <label>    <span class="radio-c">      <input type="radio" name="q1" value="Between £381K and £450K" id="between381">      Between £381K and £450K    </span>  </label>  <label>    <span class="radio-c">      <input type="radio" name="q1" value="Over £450K" id="over450">      Over £450K    </span>  </label></form><div class="selections"></div>
查看完整描述

1 回答

?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

innerHTML使用 vanilla JS 時使用。您應該在 jQuery 引用的對象上使用text()。您也不需要在此處附加。


我也相信你用錯了.one(),應該是的.on()。


$('input[type="radio"]').on('click', function () {


  var getVal = $(this).val();


  if ($('.selections').text().length < 0) {

    //console.log('less than');

  } else if ($('.selections').text().length > 0){

    //console.log('more than');

    $('.selections').text(getVal);

  }


  //console.log(getVal);

});

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

<form>

  <label>

    <span class="radio-c">

      <input type="radio" name="q1" value="Between £381K and £450K" id="between381">

      Between £381K and £450K

    </span>

  </label>

  <label>

    <span class="radio-c">

      <input type="radio" name="q1" value="Over £450K" id="over450">

      Over £450K

    </span>

  </label>

</form>



<div class="selections">


</div>


查看完整回答
反對 回復 2023-07-06
  • 1 回答
  • 0 關注
  • 152 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號