Multiple radio button groups in one form

Question

Is it possible to have multiple radio button groups in a single form  Usually selecting one button deselects the previous  I just need to have one of a group deselected    lt form gt       lt fieldset id  group1  gt           lt input type  radio  value    gt           lt input type  radio  value    gt       lt  fieldset gt        lt fieldset id  group2  gt           lt input type  radio  value    gt           lt input type  radio  value    gt           lt input type  radio  value    gt       lt  fieldset gt   lt  form gt

User · Answer

This is very simple you need to keep different names of every radio input group.

_x000D_

      <input type="radio" name="price">Thousand<br>_x000D_
      <input type="radio" name="price">Lakh<br>_x000D_
      <input type="radio" name="price">Crore_x000D_
      _x000D_
      </br><hr>_x000D_
_x000D_
      <input type="radio" name="gender">Male<br>_x000D_
      <input type="radio" name="gender">Female<br>_x000D_
      <input type="radio" name="gender">Other

_x000D_

User · Answer

Set equal name attributes to create a group    x000D   x000D   lt form gt  x000D     lt fieldset id  group1  gt  x000D       lt input type  radio  value  value1  name  group1  gt  x000D       lt input type  radio  value  value2  name  group1  gt  x000D     lt  fieldset gt  x000D   x000D     lt fieldset id  group2  gt  x000D       lt input type  radio  value  value1  name  group2  gt  x000D       lt input type  radio  value  value2  name  group2  gt  x000D       lt input type  radio  value  value3  name  group2  gt  x000D     lt  fieldset gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

in input field make name same  like                                            lt input type  radio  name  option  value  option1  gt   lt input type  radio  name  option  value  option2   gt   lt input type  radio  name  option  value  option3   gt   lt input type  radio  name  option  value  option3   gt

User · Answer

To create a group of inputs you can create a custom html element  window customElements define  radio-group   RadioGroup     https   gist github com robdodson 85deb2f821f9beb2ed1ce049f6a6ed47  to keep selected option in each group  you need to add name attribute to inputs in group  if you not add it then all is one group

User · Answer

Just do one thing  We need to set the name property for the same types  for eg    Try below    lt form gt       lt div id  group1  gt           lt input type  radio  value  val1  name  group1  gt           lt input type  radio  value  val2  name  group1  gt       lt  div gt   lt  form gt    And also we can do it in angular1 angular 2 or in jquery also    lt div  ngFor  let option of question options  index as j  gt   lt input type  radio  name  option  j    value  option  j     click   checkAnswer j 1   gt   option    lt  div gt

[html] Multiple radio button groups in one form

Examples related to html

Examples related to forms

Examples related to radio-group