Question

例如，如果我选择一个以上的复选框，是否有可能与我拥有的其他阵营一起提交多种表格，但是唯一会改变的是复选框的值。

我将给出更详细的示例。我有2个阵营，一个阵营的名称，另一个阵营的电子邮件，另一个是那些复选框。而且，如果我选择2复选框，它将使用相同的名称和相同的电子邮件提交两次论坛，但一次将使用我选择的1个值。

<div class="form-group">
       <label>Test</label>
       <div class="custom-control custom-radio">
          <input type="checkbox" id="0" name="server" class="custom-control-input">
          <label class="custom-control-label" for="0">Everywhere</label>                        
       </div>
       <div class="custom-control custom-radio">
          <input value="1" type="checkbox" name="server" id="test" class="custom-control-input">
          <label class="custom-control-label" for="teste" value="1">test</label>                        
       </div>
       <div class="custom-control custom-radio">
          <input value="2" type="checkbox" name="server" id="test2" class="custom-control-input">
          <label class="custom-control-label" for="test2" value="2">test2</label>                        
       </div>
    </div>

非常感谢您的宝贵时间，如果我不够详细，请说一声，我会改进的，对不起！随时给我发送任何链接，以便在代码中进行研究和实现;）

Answer 1

使用复选框时，只要它们都共享 Same name，则它们将作为 ONE 值提交。示例：

名为Hobbies的复选框将提交在提交表单时检查的值数组，其结果类似于[Cooking, Running, Jumping, Gaming]。所有这些都是1值，而不是4。

input元素是您想要返回多少个不同的结果。
名称属性标签用于标识答案属于哪个响应。
值属性标记是将在值内部发送的内容，即[1,2,3]或[A, B, C]。

如果您觉得我没有满足您想要的答案，请重新回答您的问题。很难理解。

阅读评论后进行编辑。

您的问题似乎取决于您对form element的理解，而不是复选框属性。

请考虑将您的输入和表单数据包装在一个表单标签中。内部的所有输入将作为一个提交，而不是单独或单独提交。您的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]问题中请求值。

Answer 2

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   输入元素与之关联的表单元素（其表单所有者）。该属性的值必须是同一文档中元素的ID。如果不使用此属性，则该元素与其最近的祖先元素（如果有）相关联。通过此属性，您可以将元素放置在文档中的任何位置，而不仅仅是表单元素的后代。输入最多可以与一种形式相关联。

formaction   处理输入元素提交的数据（如果是提交按钮或图像）的URL。此属性将覆盖元素的表单所有者的action属性。

带有复选框的多表单发送

2 个答案:

HTML

JAVASCRIPT

参考