Отправка нескольких форм с флажком

При использовании флажка, если все они совместно используют Тем жеname, они будут представлены как значение ОДИН. Пример:

Флажок с именем Hobbies отправит массив значений, проверенных при отправке формы с результатом, который выглядит как [Cooking, Running, Jumping, Gaming]. Все это 1 значение, а не 4.

Элемент ввода - это количество различных результатов, которые вы хотите вернуть. Тег атрибута имени определяет, какому ответу принадлежит ответ. Тег атрибута значения - это то, что будет отправлено внутри значения, то есть [1,2,3] или [A, B, C].

Пожалуйста, перефразируйте свой вопрос, если вы считаете, что я не нашел ответа, который вы искали. Это было трудно понять.

Отредактируйте после прочтения комментария.

Кажется, ваша проблема связана с вашим пониманием элемент формы, а не с атрибутом флажка.

Пожалуйста, подумайте о том, чтобы заключить ваши входные данные и данные формы в тег формы. Все входы внутри будут представлены как единое целое, а не как отдельные или индивидуальные. Кажется, ваша структура html является причиной вашей проблемы.

<form action = "/action_page.php">
  First name:<br>
  <input type = "text" value = "Mickey"><br>
  Last name:<br>
  <input type = "text" name = "lastname" value = "Mouse"><br><br>
  <input type = "checkbox" name = "vehicle1" value = "Bike"> I have a bike<br>
  <input type = "checkbox" name = "vehicle2" value = "Car"> I have a car 
  <input type = "submit" value = "Submit">
</form>

Все, что находится внутри этого элемента form, будет отправлено как один POST, и оттуда вы можете запросить значения из вопроса [vehicle1] или [vehicle2].

HTML

<form id = "form-id">
  First name:<br>
  <input type = "text" value = "Mickey"><br>
  Last name:<br>
  <input type = "text" name = "lastname" value = "Mouse"><br><br>
  <input type = "checkbox" name = "vehicle1" value = "Bike"> I have a bike<br>
  <input type = "checkbox" name = "vehicle2" value = "Car"> I have a car 
  <input type = "submit" value = "Submit">
</form>

JAVASCRIPT

var ele1 = document.getElementById("form-id1"); //Your Form Element
var ele2 = document.getElementById("form-id2"); //Your Form Element
//Detects whenever this particular form is "submitted"
if (ele.addEventListener){ //Modern browsers
    ele.addEventListener("submit", function(e){
        ele1.action = "yourUrl1";
        ele1.submit();
        ele2.action = "yourUrl2";
        ele2.submit();
        //return false; //stops page from refreshing after submit
    });  
} else if (ele.attachEvent){ //Old IE
    ele.attachEvent('onsubmit', function(e){
        ele1.action = "yourUrl1";
        ele1.submit();
        ele2.action = "yourUrl2";
        ele2.submit();
        //return false; //stops page from refreshing after submit
    });           
}

Я изменил свой ответ, но вам может быть лучше просто соединить две формы вместе. Вы можете ссылаться на элемент формы из разных частей вашего HTML.

form The form element that the input element is associated with (its form owner). The value of the attribute must be an id of a element in the same document. If this attribute isn't used, the element is associated with its nearest ancestor element, if any. This attribute lets you to place elements anywhere within a document, not just as descendants of form elements. An input can be associated with at most one form.

formaction The URL that processes the data submitted by the input element, if it is a submit button or image. This attribute overrides the action attribute of the element's form owner.

использованная литература

• Определите, отправлена ​​ли форма, используя javascript
• Отправка формы с использованием javascript 1
• Отправка формы с использованием javascript 2
• Форма / предложение для формы - Mozilla
• Форма - W3Schools
• Формирование - W3Schools
• Входные атрибуты - W3Schools