javascript - 使用 HTML 获取提交表单之外的已检查元素

Question

我有一个网页，顶部是一组单选按钮和一个提交按钮。这是代码:

<form action="/batch" method="POST">
    With checked selection you may: 
    <input type="radio" name="bulk" value="broadcast">Broadcast</input>
    <input type="radio" name="bulk" value="unbroadcast">Unbroadcast</input>
    <input type="radio" name="bulk" value="delete">Delete</input>
    <input type="submit" value="Run batch on checked items" />
</form>

下面我有一个由一堆行组成的表，开头带有复选框。代码是:

<td><input type="checkbox" name="{{ md5_name }}" class="box"/></td>

有没有办法让表单提交复选框内容以及是否选中它们的列表，无论复选框不在表单内？也许将其命名为相同或共享的类？

在发布之前进行搜索时，我发现了以下片段:this page这看起来很有希望，但我不知道如何将它与我的 POST 方法一起运行，或者我如何将结果包含在我的 POST 方法中。

function getRadioValue (theRadioGroup)
    {
        for (var i = 0; i < document.getElementsByName(theRadioGroup).length; i++)
    {
        if (document.getElementsByName(theRadioGroup)[i].checked)
        {
            return document.getElementsByName(theRadioGroup)[i].value;
        }
    }
}

Answer 1

您可以在 HTML 5 文档类型中，使用 form 属性简单地将这些表单元素与特定表单关联起来:

<td><input form="formElementID" type="checkbox" name="{{ md5_name }}" class="box"/></td>

该属性:

Indicates the form that is the owner of the element¹

引用文献:

1. MDN:HTML Attribute reference .

引用书目:

• HTML forms reference .