在动态单选按钮中仅选择一个

Question

It is possible to select only one radio button using a same name? I want to select only one radio button in every question.

The problem is it only selects one radio button in all appended html elements.

DEFAULT HMTL:

//question 1
<input type="radio" name="fields[my_cb][]" value="1">
<input type="radio" name="fields[my_cb][]" value="2">

ADDED HTML ELEMENTS USING JAVASCRIPT APPEND:

//question 2
<input type="radio" name="fields[my_cb][]" value="1">
<input type="radio" name="fields[my_cb][]" value="2">
<input type="radio" name="fields[my_cb][]" value="3">

Answer 1

You can only select one radio button in a group, and all the buttons with the same name are part of the same group. You should use a different name for the answers to each question. In your example, you can put the question number in the array index.

//question 1
<input type="radio" name="fields[my_cb][1]" value="1">
<input type="radio" name="fields[my_cb][1]" value="2">

//question 2
<input type="radio" name="fields[my_cb][2]" value="1">
<input type="radio" name="fields[my_cb][2]" value="2">
<input type="radio" name="fields[my_cb][2]" value="3">

Answer 2

To set a radio button in a button group to checked by default you use: checked="checked"

In order to have multiple button groups you need to name each group differently:

//question 1
<input type="radio" name="grp1" value="1" checked="checked">
<input type="radio" name="grp1" value="2">

//question 2
<input type="radio" name="grp2" value="1">
<input type="radio" name="grp2" value="2">
<input type="radio" name="grp2" value="3">