Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.08.2022, 00:59
Аспирант
Отправить личное сообщение для vasoli Посмотреть профиль Найти все сообщения от vasoli
 
Регистрация: 03.08.2022
Сообщений: 33

Как убрать значений 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>
Ответить с цитированием
  #2 (permalink)  
Старый 08.08.2022, 10:35
Аспирант
Отправить личное сообщение для vasoli Посмотреть профиль Найти все сообщения от vasoli
 
Регистрация: 03.08.2022
Сообщений: 33

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как убрать возможность печати и скачивание у iframe type="application/pdf" Artur_Hopf Общие вопросы Javascript 1 11.12.2018 00:12
Как убрать кнопки Next/Prev/Finish? AlexPsp Элементы интерфейса 5 01.08.2018 14:16
Uncaught TypeError: $(...) is not a function как убрать ошибку? PHPDeveloper jQuery 14 05.04.2016 16:00
Js scrollpane, постоянно виден скролл, как убрать? metaller92 jQuery 0 17.07.2013 10:23
как убрать курсор с поля qwermjk jQuery 1 12.01.2013 10:12