при отмеченом чекбоксе блокируется конкретный или конкретные чекбоксы. Но если до блокировки он или они были отмечены и их значение 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>
