使用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);