Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   отправка нескольких checkbox (https://javascript.ru/forum/events/45974-otpravka-neskolkikh-checkbox.html)

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

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

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

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

рони 22.03.2014 21:28
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>

Dante5 22.03.2014 22:35
Цитата:
Сообщение от рони (Сообщение 303824)
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

рони 22.03.2014 22:42
Dante5, а так разве неработает?
data: $('form input:checked').serialize(),

Dante5 22.03.2014 23:04
Цитата:
Сообщение от рони (Сообщение 303831)
Dante5, а так разве неработает?
data: $('form input:checked').serialize(),
да подходит но есть еще некое значение в TestTor(id)
оно было так data: {id: id} ка их обеденть

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


если это данные некого инпут то можно добавить его в селектор serialize

Dante5 22.03.2014 23:50
Цитата:
Сообщение от рони (Сообщение 303836)
Dante5,
как вариант 
'id='+id+'&'+$('form input:checked').serialize()


если это данные некого инпут то можно добавить его в селектор serialize
спасибо это вариант подходит если не трудно показать на примере как записать дополнительные импут селектор может пригодится возможно не только мне

рони 23.03.2014 00:09
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>

Dante5 23.03.2014 01:58
теперь вот что допустим я выбрал 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


Часовой пояс GMT +3, время: 18:12.