Обновление значение чекбокса в БД через ajax?

Question

[NetmenCC]

В бд есть данные которые необходими вывести в таблицу и напротив каждой строки сделать чекбокс. Тоесть если данные были уведены и обработаны пользователь ставит галочку. Значение чекбокса после нажатия на него вносилось в бд. Написал код, все выводит, значение хранит но не обновляет. Тоесть если поставить галочку значение заносится в бд а если снять то нового значения не вносит.
в чем проблема, подскажите?
Вот код:
HTML

<td style="text-align:center"><input type="checkbox" class="checkbox" id="'.$row['id'].'" '.($row['chec'] ? 'checked="checked"' : '').' value="'.$row['chec'].'"></td></tr>

фаил обработчик 1.php

if (isset($_POST['id'])) 
{
  $id = (int)$_POST['id']; // получаем номер строки, для которой пришли изменения
  if (isset($_POST['col1'])) $col1='0'; else $col1='1'; // новое состояние col1
  @mysql_query("UPDATE yandex SET chec='$col1' WHERE id='$id'"); // сохраняем новые значения
}

<script type="text/javascript">

$(document).ready(function(){
	
$('.checkbox').on('change', function (e) {

        var chk = $(this).attr("id");
        var chkVal = $(this).attr("value");

		if($(this).is(':checked')) {
	    $(this).parent().parent().css('background','none');	
		$(this).val('1');
		}
		else
		{
		$(this).parent().parent().css('background','rgba(0, 123, 255, 0.1)');
        $(this).val('0');
		}

        $.ajax({
            url: '1.php',  // фаил обработчик 
            type: 'post',
            data: {id: chk, chkVal: chkVal },
            success: function(data) { 

			}
        });

});	

});

</script>

Answer 1

[Анатолий]

Вы сначала присваиваете переменной chkVal значение value чекбокса, а потом меняете его (value чекбокса), НО в переменной chkVal остаётся старое значение.

Примеры выхода из ситуации:

<script type="text/javascript">

$(document).ready(function(){ 
	$('.checkbox').on('change', function (e) {
		var chk = $(this).attr("id");

		if($(this).is(':checked')) {
			$(this).parent().parent().css('background','none');	
			$(this).val('1');
		} else {
			$(this).parent().parent().css('background','rgba(0, 123, 255, 0.1)');
			$(this).val('0');
		}
		
		var chkVal = $(this).attr("value");
		
		$.ajax({
			url: '1.php',
			type: 'post',
			data: {id: chk, chkVal: chkVal },
			success: function(data) {}
		});

	});	
});

</script>

<script type="text/javascript">

$(document).ready(function(){ 
	$('.checkbox').on('change', function (e) {
		var chk = $(this).attr("id");
		var chkVal = $(this).attr("value");

		if($(this).is(':checked')) {
			$(this).parent().parent().css('background','none');	
			$(this).val('1');
			chkVal = 1;
		} else {
			$(this).parent().parent().css('background','rgba(0, 123, 255, 0.1)');
			$(this).val('0');
			chkVal = 0;
		}
		
		$.ajax({
			url: '1.php',
			type: 'post',
			data: {id: chk, chkVal: chkVal },
			success: function(data) {}
		});

	});	
});

</script>

Comments

[NetmenCC]

Спасибо за ответ) но не помогло! также когда ставишь чек бокс заносит в бузу а когда снимаешь нет

[Анатолий]

NetmenCC, у Вас JS отдаёт chkVal, а PHP ждёт col1.
В PHP стоит условие, если параметра col1 нет, то пишем в базу значение 1, а его нет всегда (при любом состоянии чекбокса).

Можно сделать так:

<?php
if ( isset($_POST['id']) AND isset($_POST['chkVal']) ) {
	$id = (int)$_POST['id']; 
	$chkVal = (int)$_POST['chkVal'];
	@mysql_query("UPDATE yandex SET chec='$chkVal' WHERE id='$id'");
}

[NetmenCC]

ААААА я про него и не подумал совсем) спавсибо