Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как убрать значений value чекбокса? (https://javascript.ru/forum/jquery/84332-kak-ubrat-znachenijj-value-chekboksa.html)

vasoli 08.08.2022 00:59

Как убрать значений value чекбокса?
 
при отмеченом чекбоксе блокируется конкретный или конкретные чекбоксы. Но если до блокировки он или они были отмечены и их значение value уже выведено, после блокировки значение остается. Как решить эту проблему?
$(document).ready(function () {
   $('.sum_value input').click(function () {
      $('#options_value').html('');
      $('input:checkbox:checked').each(function () {
         $('#options_value').append($(this).val() + '<br>');
      });
   });
});

const saqar = document.querySelector('input[type="checkbox"][id="saqar"]');
const saqar_ = document.querySelectorAll('input[type="checkbox"][id*="saqar_"]');
saqar.addEventListener('change', function () {
   saqar_.forEach(checkbox => {
      checkbox.checked = false;
      checkbox.disabled = saqar.checked;
      let input = $(checkbox).data('input');
        if(input)  {
          $(checkbox).removeData('input');
          input.remove();
        }
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="line_All_green">

    <div class="sum_value">

      <div id="saqar" class="table-td">

        <input type="checkbox" value="saq 4882900" id="saqar"
          placeholder="4882900"><span>4882900</span><noscript>saq</noscript>

      </div>

      <div id="saqar_B_R" class="table-td">

        <input type="checkbox" value="saq B.R 1177044" id="saqar_B_R" placeholder="1177044"><span>B R
          1177044</span><noscript>saq B.R</noscript>

      </div>

      <div id="saqar_B_W" class="table-td">

        <input type="checkbox" value="saq B.W 1362599" id="saqar_B_W" placeholder="1362599"><span>B W
          1362599</span><noscript>saq B.W</noscript>

      </div>

    </div>

  </div>

  <div class="column_2">
    N:
    <div class="options_value" id="options_value">
      <p id="options_value" class="options_value"></p>
    </div>
  </div>



  </div>

vasoli 08.08.2022 10:35

$('#saqar input:checkbox').click(function () {    if ($(this).is(':checked')) {       $('input[id*=saqar_]:checked').not(this).prop('checked', false);    } });

решил проблему добавив вышеуказанный кодо. это правильно и оптимально?


Часовой пояс GMT +3, время: 07:20.