【问题标题】:Select only one in dynamic radio button在动态单选按钮中只选择一个
【发布时间】:2016-03-25 18:41:22
【问题描述】:

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

问题是它只在所有附加的 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">

【问题讨论】:

标签: javascript jquery html


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    要将按钮组中的单选按钮设置为默认选中,请使用: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">
    

    【讨论】:

    • 关于默认检查按钮的问题中没有任何内容。
    • @Barmar 不,我已经回答了它,然后立即对其进行了编辑以进行更多解释,我猜只需要很长时间才能输入。 OP 询问如何在每组问题中选择一个。
    • 我相信他的那部分。但问题在于允许用户在每个组中选择一个答案,而不是默认选择任何内容。
    • @Barmar 是的,我可能一开始就误解了,但他确实说在每个问题中只选择一个,所以我认为他的意思是默认选择每个,但给他比他需要的更多没有害处因为这个问题接下来会出现,我保证。
    猜你喜欢
    • 1970-01-01
    • 2011-08-13
    • 2012-04-23
    • 2023-03-11
    • 2018-08-01
    • 1970-01-01
    • 2023-04-10
    • 2017-06-28
    • 2018-06-17
    相关资源
    最近更新 更多