Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.10.2012, 00:42
Новичок на форуме
Отправить личное сообщение для web_born Посмотреть профиль Найти все сообщения от web_born
 
Регистрация: 04.10.2012
Сообщений: 1

checkbox onclick Mysql
Доброго времени суток! новичок на форуме, прошу не пинать сразу)
Скорее не ищу готовых решений - поэтому прошу совета-наводки)

Идея явно не нова, заключается в следующем...

есть чекбокс и рядом текст. Нажимаем на чекбокс (под чекбоксом может быть картинка?) и текст меняет свой стиль - например становится зачеркнутым.

Но не все так просто - это все должно и сохраняться, то есть соответствующая отметка (value из чекбокса) должна отправляться в mysql (щелчок - значение в mysql - и текст меняет свой стиль).

Сильно сложно?)))
Ответить с цитированием
  #2 (permalink)  
Старый 04.10.2012, 09:45
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

Сообщение от web_born
Сильно сложно?)))
Смотря для кого..

Вам нужно почитать про события(onlick), про работу со стилями и ajax.
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 05.10.2012, 08:37
Кандидат Javascript-наук
Отправить личное сообщение для Your Посмотреть профиль Найти все сообщения от Your
 
Регистрация: 03.10.2012
Сообщений: 147

Лучше конечно воспользоваться jquery $.post();

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Example</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
		<style type="text/css">
			.line_through{text-decoration:line-through;}
		</style>
        <script type="text/javascript">
			function checkbox(name) {
				$('#form input[type="checkbox"]').each(function() {
					if(this===name) {
						if(this.checked) {
							$('#form span').addClass('line_through');
							//alert(this.name+' =-> '+this.value);
							//$.post('url',{this.name:this.value},function() {
								//
							//});
						} else {
							$('#form span').removeClass('line_through');
						}
					} else {
						this.checked=false;
					}
				});
			}
		</script>
</head>
<body>
	<form id="form" method="post">
		<span>
			text checkbox
		</span>
		<input type="checkbox" name="check1" value="check1" onclick="checkbox(this)">
		<input type="checkbox" name="check2" value="check2" onclick="checkbox(this)">
	</form>
</body>
</html>


Ну и конечно же нужно на сервере тоже сделать проверку типо:

<?php
	echo'<form id="form" method="post">
			<span'.(($check)?' class="line_through"':'').'>
				text checkbox
			</span>
			<input type="checkbox" name="check1" value="check1" onclick="checkbox(this)"'.(($check)?' checked="checked"':'').'>
			<input type="checkbox" name="check2" value="check2" onclick="checkbox(this)"'.(($check)?' checked="checked"':'').'>
		</form>';
?>

Последний раз редактировалось Your, 29.10.2012 в 07:19.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jqgrid tree and checkbox gaz2003 jQuery 0 17.12.2011 15:59
Вывод выбранных данных и проверка checkbox MasterHrust Javascript под браузер 3 28.09.2011 17:44
OnClick ячейки таблицы и ссылки в этой ячейке MasDen Javascript под браузер 2 30.06.2011 10:34
Функция disable для нескольких checkbox allforweb Элементы интерфейса 4 19.12.2010 17:51
Событие onClick avtor01 Events/DOM/Window 3 03.09.2009 18:01