Как найти и удалить отмеченный checkbox?

Question

[Svmaks]

Добрый день.

Есть некоторое количество checkbox со значением value, которые выводятся выводятся отдельно с некий "чеклист".

<section>
 <div id='result2'>
    <div class="md-checkbox" style="font-size:20px">
      <input id="checkbox_4" type="checkbox" class="calkulator" data-check="0" data-rezsumm="1" value="Значение_1">
      <label for="checkbox_4" id='cooler'>Значение_1</label>
    </div>
	</div>
    <div id='result3'>
<div class="md-checkbox" style="font-size:20px">
      <input id="checkbox_5" type="checkbox" class="calkulator" data-check="0" data-rezsumm="1" value="Значение_2" value="<button id="btn-off">
      <label for="checkbox_5" id='cooler'>Значение_2</label>
      </div>
<div class="md-checkbox" style="font-size:20px">
      <input id="checkbox_6" type="checkbox" class="calkulator" data-check="1000"data-rezsumm="1" value="Значение_3.">
      <label for="checkbox_6" id='cooler'>Значение_3</label>
    </div>
      
</div>

Подскажите как находить checkbox по value и переключать.

$('#result_4').html('');
	$('.calkulator:checkbox:checked').each(function(){
		$('#result_4').append($(this).val() + ' ' + '<button id=del>Сброс</button>' + '<br>');
    $("#del").click(function() {
    $('[value= '$(this)']").prop('checked',false);
    })
	});

Comments

[Владимир Обабков]

Вы могли бы повесить на все чекбоксы событие "change".. и дальше творить что хотите.. объект с этим чекбоксом будет у вас = this.

let checkboxes = document.querySelectorAll('Ваши чекбоксы');

for (let i = 0, len = checkboxes.length; i < len; i++) {

checkboxes[i].addEventListener("change", function(e){

let checkValue = this.value;

}

[Stalker_RED]

Владимир Обабков, только если уж jQuery, то наверное не .addEventListener() а .on()

[Владимир Обабков]

Stalker_RED, Ну таки автор ничего не говорил про это )
Его кусок кода на JQuery .. Но в тегах указана и ванилька )
А вообще моё дело идею донести ) Даже если псевдокодом.
UPD.. Вааай я наркоман.. И правда хрен пойми чего написал )

Answer 1

[konstantindeveloper]

Можно так попробовать