как правильно сделать что если снять галку checkbox то удалить из БД ?jQuery, js
Добавление я сделал и обновление К примеру когда type=save это по умолчанию если поставить галку то такой язык сохраняем, и меняю type на = edit, что если следующий раз изменить level он обновился, а с удалением как тут правильнее? Нужно как то знать что чекбокс именно когда сняли т.е до этого он стоял а не все которые не выбранные ) Спасибо!!
$('.language_level').click(function(){
var parent_block = $(this).closest( ".language-block" );
parent_block.find('input[type=radio]').attr('disabled',false);
$( '.languages').filter(":not(':checked')").closest( ".language-block" ).find('input[type=radio]').attr('disabled',true);
var profile_id = parent_block.data('profile_id');
var type = parent_block.data('type');
var language_id = parent_block.find('.languages').data('language_id');
if (language_id === 'undefined') {
type = 'delete';
}
var level_id = parent_block.find('input[type=radio]:checked').val();
var data = {
'profile_id' : profile_id,
'language_id' : language_id,
'level_id' : level_id
};
$.ajax({
url: "/ajax-language-level/" + type,
type: "POST",
data: data,
success: function(data){
if (type === 'save') {
parent_block.data('type', 'edit');
}
//console.log(data);
}
});
//console.log(data);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group language-block col-md-12 " data-profile_id="{{$dataTypeContent->id}}" data-type="save">
<div class="col-md-6">
<input class="language_level languages" data-language_id="{{$language->id}}" type="checkbox" name="language" value="">
<label class="lang-label" for="language_{{$language->id}}">{{$language->title}}</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="1" checked="" disabled>
<label for="">1</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="2" disabled >
<label for="">2</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="3" disabled>
<label for="">3</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="4" disabled>
<label for="">4</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="5" disabled>
<label for="">5</label>
</div>
<div class="lang-radio col-md-1">
<input type="radio" id="" class="language_level" name="lang-level-{{$language->id}}" value="6" disabled>
<label for="">6</label>
</div>
</div>