Javascript.RU

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

отправка нескольких checkbox
есть поле с к примеру 25 checkbox можно выбрать только 5 из них

необходимо отправить на сервер эти 5 выбранные checkbox и записть

как определить их и отправить на сервер через data:

$.ajax({
	url: "server.php",
	type: "POST",
	data: {..........},

Последний раз редактировалось Dante5, 22.03.2014 в 22:09.
Ответить с цитированием
  #2 (permalink)  
Старый 22.03.2014, 21:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Dante5,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>

   <form>
 <input name="a" type="checkbox" value="3">
 <input name="b" type="checkbox" value="1" checked="checked">
 <input name="c" type="checkbox" value="7" checked="checked">
 </form>

<script>
  var s = $('form input:checked').serialize();
  alert(s);
</script>


</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 22.03.2014, 22:35
Интересующийся
Отправить личное сообщение для Dante5 Посмотреть профиль Найти все сообщения от Dante5
 
Регистрация: 05.03.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
Dante5,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>

   <form>
 <input name="a" type="checkbox" value="3">
 <input name="b" type="checkbox" value="1" checked="checked">
 <input name="c" type="checkbox" value="7" checked="checked">
 </form>

<script>
  var s = $('form input:checked').serialize();
  alert(s);
</script>


</body>

</html>
а как передать "s" на сервер там обработать и записать в базу или как его использовать в data: чтобы они полетели методом POST
Ответить с цитированием
  #4 (permalink)  
Старый 22.03.2014, 22:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Dante5, а так разве неработает?
data: $('form input:checked').serialize(),
Ответить с цитированием
  #5 (permalink)  
Старый 22.03.2014, 23:04
Интересующийся
Отправить личное сообщение для Dante5 Посмотреть профиль Найти все сообщения от Dante5
 
Регистрация: 05.03.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
Dante5, а так разве неработает?
data: $('form input:checked').serialize(),
да подходит но есть еще некое значение в TestTor(id)
оно было так data: {id: id} ка их обеденть
Ответить с цитированием
  #6 (permalink)  
Старый 22.03.2014, 23:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Dante5,
как вариант
'id='+id+'&'+$('form input:checked').serialize()


если это данные некого инпут то можно добавить его в селектор serialize
Ответить с цитированием
  #7 (permalink)  
Старый 22.03.2014, 23:50
Интересующийся
Отправить личное сообщение для Dante5 Посмотреть профиль Найти все сообщения от Dante5
 
Регистрация: 05.03.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
Dante5,
как вариант
'id='+id+'&'+$('form input:checked').serialize()


если это данные некого инпут то можно добавить его в селектор serialize
спасибо это вариант подходит если не трудно показать на примере как записать дополнительные импут селектор может пригодится возможно не только мне
Ответить с цитированием
  #8 (permalink)  
Старый 23.03.2014, 00:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Dante5, все элементы должны иметь параметр name
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>

   <form>
 <input id="xb" name="test" value="12345" type="hidden">
 <input name="a" type="checkbox" value="3">
 <input name="b" type="checkbox" value="1" checked="checked">
 <input name="c" type="checkbox" value="7" checked="checked">
 </form>

<script>
  var s = $('input:checked, #xb','form').serialize();
  alert(s);
</script>


</body>

</html>
Ответить с цитированием
  #9 (permalink)  
Старый 23.03.2014, 01:58
Интересующийся
Отправить личное сообщение для Dante5 Посмотреть профиль Найти все сообщения от Dante5
 
Регистрация: 05.03.2014
Сообщений: 12

теперь вот что допустим я выбрал 5 шт checkbox из 25 передал их на сервер теперь необходимо их записать в уществующие 5 ячеек к примеру
t1,t2,t3,t4,t5 в этих пять ячеек записыается любой пост из checkbox

$_POST['t5'] ,$_POST['t13'] ,$_POST['t16'] ,$_POST['t20'] ,$_POST['t22']

где $_POST['t1......t25']
как это более коротко и удобно написать всегда в любых случаях будет передаваться только 5 checkbox
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
checkbox check если значение input djonA Общие вопросы Javascript 8 14.01.2014 06:44
checkbox = checkbox Слейп jQuery 2 30.01.2013 15:24
jqgrid tree and checkbox gaz2003 jQuery 0 17.12.2011 15:59
Отправка нескольких форм с помощью ajax voloxa89 jQuery 2 28.09.2011 22:08
Функция disable для нескольких checkbox allforweb Элементы интерфейса 4 19.12.2010 17:51