javascript - 有两个表单，其中包含相同的单选按钮组吗？

Question

我的第一个问题是这个，尽管我怀疑这是否可能。但是，如果是的话，它会让我的生活更轻松。

你能有一个包含 2 个表单的单选按钮组吗？我的意思是在 form1 和 form2 中都可以找到相同的单选按钮组。

我需要这个的原因是，如果我单击前 2 个单选按钮，表单操作将转到一页，而如果我单击最后 2 个单选按钮，操作将转到另一页。

如果这不可能，我会使用一种表单，并且必须根据我选择的单选按钮更改表单操作。我会给前两个单选按钮一个类，另一个类给其他 2 个单选按钮。

如果有人能让我知道哪种方法更好以及如何在 jQuery 中实现它，那就太好了。

提前致谢

Answer 1

您不能让一组表单元素成为两个单独表单的一部分。只是不可能构建这样的有效文档。

动态更新父级“action”属性中 URL 的 Javascript <form>应该不会太难做。正如您所建议的，单选按钮元素的“类”属性可用于指导代码，如果您以后需要添加一个或多个按钮，它会非常灵活。

由于您包含了 jQuery 标记:

$(function() {
  var actionMap = {
    key1: 'http://yoursite.com/some/action/1',
    key2: 'http://yoursite.com/some/action/2',
    /* ... */
  };

  $('input:radio').click(function() {
    var $rb = $(this);
    for (var key in actionMap) {
      if ($rb.hasClass(key))
        $rb.closest('form').attr('action', actionMap[key]);
    }
  });
});

什么的。您还可以使用 HTML5 样式的“data-”属性将 URL 直接存储在单选按钮元素或 URL 的关键片段上。 (也可能希望以相同的方式处理“更改”事件等)