Получить метку переключателя из разных групп переключателей и добавить в раздел - PullRequest
Новая
       15

Получить метку переключателя из разных групп переключателей и добавить в раздел

0 голосов
/ 05 сентября 2018

Для выбора пользователя доступны 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);
                        });


                      });

1 Ответ

0 голосов
/ 05 сентября 2018

$('#targetID').html(optiontext); установите #targetID на текущее значение радиосигнала в цикле вместо добавления его к #targetID.

Вместо этого используйте $('#targetID').html($('#targetID').html() + optiontext);.

Или вы можете создать массив для хранения проверенных значений и обновить #targetID позже

...