javascript - 如果选中某些单选按钮，如何制作动态结果？

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 个，我想在结果中显示主要（单击的单选值）、次要和第三个数据

谢谢

小提琴= 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);