具有相同名称的多个单选按钮组 [英] Multiple Radio Button Groups With Same Name

问题描述

问题是，前一个人不知道单选按钮的name属性实际上是团体​​协会。

有了以下标记，是否有任何方法将这些分为两组：

 < DIV> 
 <％ - 希望这是一个不改变名称的独立组 - >％> 
< label class =radio-inline>< input type =radioname =radiovalue =1> Group 1 Option 1< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =2> Group 1 Option 2< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =3> Group 1 Option 3< / label> 
< / div> 
 
< div> 
 <％ - 希望这是一个不改变名称的独立组 - >％> 
< label class =radio-inline>< input type =radioname =radiovalue =1> Group 2 Option 1< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =2> Group 2 Option 2< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =3> Group 2 Option 3< / label> 
< / div> 
  

是否有任何div或什么东西可以环绕它们以分开分组？我尝试过场设置和图例，但它没有效果。我知道我可以把每个表单都放在一个表单中，但不会全部提交。 解决方案

 < form> 
< label class =radio-inline>< input type =radioname =radiovalue =1> Group 1 Option 1< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =2> Group 1 Option 2< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =3> Group 1 Option 3< / label> 
< / form> 
 
< form> 
< label class =radio-inline>< input type =radioname =radiovalue =1> Group 2 Option 1< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =2> Group 2 Option 2< / label> 
< label class =radio-inline>< input type =radioname =radiovalue =3> Group 2 Option 3< / label> 
< / form> 
  

I have been passed down a complex application which dynamically creates HTML.

The problem is, the previous person did not know that the "name" attribute of radio buttons actually is the group association.

With the following mark up, is there any way to put these in two groups

<div>
  <%-- would like this to be a seperate group without changing name--%>
  <label class="radio-inline"><input type="radio" name="radio" value="1">Group 1 Option 1</label>
  <label class="radio-inline"><input type="radio" name="radio" value="2">Group 1 Option 2</label>
  <label class="radio-inline"><input type="radio" name="radio" value="3">Group 1 Option 3</label>
</div>

<div>
  <%-- would like this to be a seperate group without changing name--%>
  <label class="radio-inline"><input type="radio" name="radio" value="1">Group 2 Option 1</label>
  <label class="radio-inline"><input type="radio" name="radio" value="2">Group 2 Option 2</label>
  <label class="radio-inline"><input type="radio" name="radio" value="3">Group 2 Option 3</label>
</div>

Is there any div or anything I can wrap around them to separate the grouping? I have tried field set and legend but it has no effect. I know I could put each one in a form but then they will not all be submitted.

解决方案

Put them in different form tag

<form>
  <label class="radio-inline"><input type="radio" name="radio" value="1">Group 1 Option 1</label>
  <label class="radio-inline"><input type="radio" name="radio" value="2">Group 1 Option 2</label>
  <label class="radio-inline"><input type="radio" name="radio" value="3">Group 1 Option 3</label>
</form>

<form>
  <label class="radio-inline"><input type="radio" name="radio" value="1">Group 2 Option 1</label>
  <label class="radio-inline"><input type="radio" name="radio" value="2">Group 2 Option 2</label>
  <label class="radio-inline"><input type="radio" name="radio" value="3">Group 2 Option 3</label>
</form>

这篇关于具有相同名称的多个单选按钮组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！