从不同的单选按钮组获取单选按钮标签并附加到部门答案

【问题标题】：Get radio button label from different radio button groups and append to division从不同的单选按钮组获取单选按钮标签并附加到部门
【发布时间】：2019-02-10 02:27:55
【问题描述】：

有 3 个单选按钮组供用户选择。每当用户选中要显示的单选按钮标签时，都会得到除法“#targetOption”。在我的代码下方，它能够获得第一个选中的单选按钮。

例如，如果用户单击第一个单选按钮组，#targetOption 将显示 A。然后如果用户单击第二个单选按钮组，#targetOption 将显示 A B。

<div id="options">
    <div class="form-group required"> 
        <div class="radio"> 
            <label> <input type="radio" value="a">
            A   
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="b">
            B   
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="c">
            C   
            </label> 
        </div>
    </div>

    <div class="form-group required"> 
        <div class="radio"> 
            <label> <input type="radio" value="d">
            D   
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="e">
            E  
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="f">
            F   
            </label> 
        </div>
    </div>

    <div class="form-group required"> 
        <div class="radio"> 
            <label> <input type="radio" value="g">
            G   
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="h">
            H   
            </label> 
        </div>
        <div class="radio"> 
            <label> <input type="radio" value="i">
            I   
            </label> 
        </div>
    </div>
  </div>  
    <div id="targetID"></div>

        $('#options').click(function() {
                        $('#targetID').html('');

                        $("input[type='radio']:checked").each(function() {
                          var optiontext = $(this).parent().text();
                          console.log(optiontext);
                         $('#targetID').html(optiontext);
                        });


                      });

【问题讨论】：

标签： javascript jquery html append radio

【解决方案1】：

$('#targetID').html(optiontext); 将#targetID 设置为循环中的当前单选值，而不是将其附加到#targetID。

请改用$('#targetID').html($('#targetID').html() + optiontext);。

或者您可以创建一个数组来存储检查的值并稍后更新#targetID

【讨论】：

谢谢你，它有效！我将如何将此标记为解决方案？我是stackoverflow的新手