表单元素数组 - 分组单选按钮

时间:2014-09-02 19:50:39

标签: html html5

我的网页表单包含一行,其中包含以下文字和广播元素:

  <input type="text" name="name" value="">
  <input type="radio" name="gender" value="M"> M
  <input type="radio" name="gender" value="F"> F

现在我想用多个这样的行创建这个表单,所以我需要使用表单元素数组。对于文本元素,我将使用:

  <input type="text" name="name[]" value="">

但是如何处理无线电元素(它们已经是一个数组)。我不能只做

  <input type="radio" name="gender[]" value="M"> M
  <input type="radio" name="gender[]" value="F"> F

因为第二个元素的索引将递增,这将分离来自同一组的两个单选按钮。我不能这样做:

  <input type="radio" name="gender[][]" value="M"> M
  <input type="radio" name="gender[][]" value="F"> F

那么,该怎么办?

1 个答案:

答案 0 :(得分:0)

您仍然可以使用数组,如下所示:

<!-- First Group -->
<input type="radio" name="gender[0]" value="M"> M
<input type="radio" name="gender[0]" value="F"> F

<!-- Second Group -->
<input type="radio" name="gender[1]" value="M"> M
<input type="radio" name="gender[1]" value="F"> F

<!-- Third Group -->
<input type="radio" name="gender[2]" value="M"> M
<input type="radio" name="gender[2]" value="F"> F

您只需要跟踪数组的索引。