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

时间:2016-03-25 18:41:23

标签: javascript jquery html

可以只选择一个使用相同名称的单选按钮吗?我想在每个问题中只选择一个单选按钮。

问题是它只在所有附加的html元素中选择一个单选按钮。

默认HMTL:

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

使用JAVASCRIPT APPEND添加HTML元素:

//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">

2 个答案:

答案 0 :(得分:2)

您只能在组中选择一个单选按钮,并且所有具有相同名称的按钮都属于同一组。您应该为每个问题的答案使用不同的名称。在您的示例中,您可以将问题编号放在数组索引中。

//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">

答案 1 :(得分:1)

要将按钮组中的单选按钮设置为默认选中,请使用:checked="checked"

要拥有多个按钮组,您需要以不同方式命名每个组:

//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">