使用 HTML 获取已提交表单之外的选中元素
Get checked elements outside of submitted form with HTML
我有一个网页,顶部是一组单选按钮和一个提交按钮。这是代码:
<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>
有没有办法让表单提交复选框是什么以及是否选中它们的列表,而不管复选框不在表单中?也许将其命名为相同或共享类?
在发布之前四处搜索时,我从此页面中找到了以下看起来很有希望的代码片段,但我不知道如何与我的 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;
}
}
}
在 HTML 5 文档类型中,您可以使用 form
属性将这些表单元素与特定表单相关联:
<td><input form="formElementID" type="checkbox" name="{{ md5_name }}" class="box"/></td>
此属性:
指示作为元素1 所有者的窗体
引用:
- MDN:HTML 属性引用。
书目:
- HTML 表单引用。
您可以将函数绑定到表单的提交方法以检索复选框的值,并将它们添加到表单中的隐藏字段中。
或者将复选框的默认值添加到隐藏字段,并将更改方法绑定到复选框以更新隐藏字段。
相关文章:
- Javascript更新孙窗口中的表单元素
- 阻止表单元素提交
- 根据select选项元素将表单重定向到不同的URL
- 使用javascript取消隐藏和隐藏表单中的某些元素
- 使用带有.net autopostback的ryanfait.com自定义表单元素
- 使用javascript更改表单元素的ID值
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- 表单中元素的更改值为't已发布
- Small Javascript从动态表单中删除多个元素的问题
- 为什么表单元素不应命名为submit
- 如何使用相同的javascript控制表单中的不同元素
- 从函数中选择要触发表单提交的正确元素
- 如何重置搜索表单中的特定表单元素
- Rails-带有单选按钮的表单,带有启用/禁用附加元素的javascript操作
- 使用 ng-repeat访问 ng 表单元素/值
- 获取电子邮件附件的表单元素
- js 语法传递名称元素表单验证
- 如何选择元素表单列表并将其放入文本框中
- 如何使用JQuery获取主体中第一个元素(表单)的id
- 尝试使用每个查找元素表单XML文件