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

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

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

1 个答案: