How can I unify text that take from multiple group radio button and multiple group checkbox?

Question

My javascript code like this :

$(function(){
    $(\'input[type=\"radio\"]\').click(function(){
        var $radio = $(this);
        var name = $(this).prop         


        

Answer 1

You can do:

var $radioAndCheckboxInputs = $('input:radio, input:checkbox');
var $resultSelect = $('#result-select');
$radioAndCheckboxInputs.click(function () {
  var output = [];
  $radioAndCheckboxInputs.filter(':checked').each(function () {
    output.push($(this).parent().text());
  });
  $resultSelect.text(output.join(' - '));
});

    

        
England
        

            

                
                     Chelsea
                
            
        
        

            

                
                     Mu
                
            
        
        

            

                
                     Arsenal
                
            
        
    


    

        
Spain
        

            

                
                     Madrid
                
            
        
        

            

                
                     Barcelona
                
            
        
        

            

                
                     Atletico
                
            
        
    



    

        
Italy
        

            

                
                     Juve
                
            
        
        

            

                
                     Milan
                
            
        
        

            

                
                     Inter
                
            
        
    


Result