Объединение значений переключателей в скрытый элемент формы с помощью jquery или javascript

Question

У меня есть форма, где люди ищут профиль совпадают по двум значениям. В этом случае их роль Специалист, Доктор или Медсестра и их рейтинг - Золото, Серебро или Бронза.

Мне нужно иметь возможность соединить эти значения и отправить на скрытый ввод, который отправляется вместе с формой. Например, <input name="Icon" type="hidden" value="NurseSilver" /> затем используется для определения того, какой значок может быть представлен на карте, которая возвращается. Мой код выглядит примерно так ...

<input type="radio" name="role" value="Specialist" id="role1" />
<input type="radio" name="role" value="Doctor" id="role2" />
<input type="radio" name="role" value="Nurse" id="role3" />

<input type="radio" name="rank" value="Gold" id="rank1" />
<input type="radio" name="rank" value="Silver" id="rank2" />
<input type="radio" name="rank" value="Bronze" id="rank3" />

<input name="Icon" type="hidden" value="" />

Спасибо за внимание ...

Answer 1

$('input[type=radio]').change(function(){
   $('input[name=Icon]').val(
      $('input[name=role]:checked').val()+
      $('input[name=rank]:checked').val()
   );
});

Answer 2

Вы можете сделать что-то вроде этого:

var selRole = $(":radio[name=role] :checked").val();
var selRank = $(":radio[name=rank] :checked").val();
$(":hidden[name=Icon]").val(selRole + selRank);