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>

here i can get 1 value of unchecked radio, then how can i get another unchecked value of radio button ? i want to make the result dynamic, i think i should use looping ? example : if there are 3 radio, and 1 clicked, i want to show primary(the clicked radio value),secondary, and third data in the result

thx

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