Как получить разный текст после ответа сервера от checkbox на ajax?

Question

[Stockmg]

Здравствуйте, есть форма без кнопки если перевезти ползунок в базу отправляется результат "yes" если включено и "No" если выключено и появляется надпись "Выключено" и она всегда одна и та же, без разницы в каком положении ползунок чекбокса а нужно что бы надписи были разные, будьте добры помогите.

Примеры формы и запроса:

<form  method="post">
<label class="checkbox">
    <input type="hidden" value="No"  name="chat" />
	<input type="checkbox" value="Yes" name="chat"  />
	<div class="checkbox__text">Функция активна.</div><br />
</label>		
        </form> <br />
<div id="result"></div>
		
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(':checkbox').on('change', function(){
    var sendData = $(this).closest('form').serialize();
    $.ajax({
        url: '',
        type: 'POST',
        data: sendData,
        success: function(data){
			if ($('#checkbox').is(':checked')){
			$('#result').text('Включено');
			} else {
			$('#result').text('Выключено');
			}
        }
    });
  });
});
</script>

<?php
if(!$exe){
// headers
}
else{
if (isset($_POST['chat'])) {$chat = $_POST['chat'];}
if (isset($chat)) {
		$sql = ("UPDATE cha SET chat='$chat' WHERE id = 1");
		$res = dbquery($sql);
			if ($res == 'Yes') {echo "Функция включена";}
			else {echo "Функция выключена";}
		 }  
		 $smarty->display('users.html');
}
?>

И вообще возможно ли так сделать?
Спасибо!

Answer 1

[Rsa97]

Comments

[Stockmg]

Спасибо! Можно поподробнее, я перенес ваш чекбокс на сайт работает, просто как есть, но что дальше? Это вместо всего кода ajax? Или в success: и как настроить форму? Он теперь не отправляет ничего.

[Rsa97]

Stockmg, Это просто демонстрация того, как сделать подпись, зависящую от состояния чекбокса без JS/jQuery, а не замена вашего кода.

[Stockmg]

Понял, теперь нужно думать как это прикрутить к моему коду, может получиться добавить в код ajax.

[Stockmg]

Ваш код натолкнул меня на мысль и я вообще все переделал и сделал в виде блоков на CSS и радио кнопок, получилось даже лучше. Спасибо за помощь!

Answer 2

[ThunderCat]

js

...
success: function(data){
   $('#result').text(data);
}
....

php

...
if ($res == 'Yes') {echo "Функция включена";}
      else {echo "Функция выключена";}
     exit();
     } 
$smarty->display('users.html');
...

Comments

[Stockmg]

Спасибо, попробовал но вместо текста выходит код всей страницы шаблона $smarty->display('users.html'); "

[ThunderCat]

Stockmg, Если смотреть внимательно, то ничего лишнего выводиться не будет, скорее всего вы пропустили exit();

[Stockmg]

Пробовал, но что то не получилось exit ставил, хотя может и неправильно. В любом случае решил вообще все переделать и сделал на CSS в виде блоков и радио кнопок. Получилось даже лучше. Спасибо за помощь!