Как сделать динамический результат, если установлен какой-либо переключатель?

Question

<script type="text/javascript> 
    $("input[type=checkbox]").on('change', function() { 
     var val = this.value; 
     var dataSplit = val.split("_"); 
     if (this.checked) { 
      var result = '<div id="div'+dataSplit[0]+'"><input type="radio" class="choosen" name="rdb" value="'+val+'" id="'+dataSplit[0]+'" /><label class="'+dataSplit[0]+'">'+dataSplit[1]+'</label><br /></div>'; 
      $("#resultrdb").append(result); 
     }else{ 
      $('#div'+dataSplit[0]).remove(); 
     } 
    }); 

    $("#btnsubmitIndustry").click(function(){ 
     var n = $(".choosen").length; 
     var valPrimary = $(".choosen:checked").val(); 
     var valSecondary = $(".choosen:not(:checked)").val(); 
     var data='<ul>'; 
     data += '<li>Primary = '+valPrimary+'</li><li>Secondary:'+valSecondary+'</li>'; 
     data += '</ul>'; 

     $("#result").html(data); 
    }); ​ 
</script> 

здесь я могу получить 1 значение непроверенного радио, тогда как я могу получить другое неконтролируемое значение переключателя? Я хочу сделать результат динамическим, я думаю, что я должен использовать цикл? Пример: если есть 3 радио и 1 щелкнул, я хочу показать первичные (нажатое значение радио), вторичные и третьи данные в результате

ТНХ

FIDDLE = http://jsfiddle.net/F3muF/8/

Answer 1

var data = '<ul><li>' + $('.choosen:checked').val() + '</li>'; 

$('.choosen:not(:checked)').each(function() { 
    data += '<li>' + $(this).val() + '</li>'; 
}); 

data += '</ul>'; 

$("#result").html(data);